Uncaught Error: Form Input requires a name property when used

Hi,

I’m trying to create custom input but always I’m getting this error. Anybody know why? Thank you!

var React = require('react');
var Dropzone = require('react-dropzone');
var Formsy = require('formsy-react');

var DropzoneUpload = React.createClass({
mixins: [Formsy.Mixin],

getInitialState: function() {
    return {
        files: null
    };
},

onDrop: function(files) {
    this.setState({
        files: files
    });
    this.props.getFile(files);
},

changeValue: function (event) {
  this.setValue(event.currentTarget.value);
},

render: function () {
    var className = this.showRequired() ? 'required' : this.showError() ? 'error' : null;
    var errorMessage = this.getErrorMessage();

    return (
        <div className={className}>
            <Dropzone value={this.state.files} className="filedrag" onDrop={this.onDrop} onChange={this.changeValue}>
                <div>Seleziona la immagine o trascinala nel riquadro</div>
            </Dropzone>
            {this.state.files ? <div className="fileUploaded"></div> : null}
        </div>
    );
}
});

 module.exports = DropzoneUpload;

The form:

 <Formsy.Form onValid={this.enableButton} onInvalid={this.disableButton} id="userProfile" ref="user-profile" className="user-profile">
    <DropzoneUpload getFile={this.getUserFileDragged} />
</Formsy.Form>

[twisty]

Form Input requires a name property when used

I think this message could be clearer. For example, you may have an formsy component called Input in the form, but the error could be triggered by any of the other formsy components in the form.

Maybe the following would be better?

Formsy components require a name prop

Can send a PR if you like.

[Semigradsky]

@574196906 you should use own form element not just input. You can see example here