defaultValue support

Hi, there is a right way to set defaultValue to the components? by example if I set

  var Formsy = require('formsy-react');
  var MyAppForm = React.createClass({
    enableButton: function () {
      this.setState({
        canSubmit: true
      });
    },
    disableButton: function () {
      this.setState({
        canSubmit: false
      });
    },
    submit: function (model) {
       console.log(model);
    },
    render: function () {
      return (
        <Formsy.Form onValidSubmit={this.submit} onValid={this.enableButton} onInvalid={this.disableButton}>
          <MyOwnInput name="example" defaultValue="hello" />
          <MyOwnInput name="email" validations="isEmail" validationError="This is not a valid email" required/>
          <button type="submit" disabled={!this.state.canSubmit}>Submit</button>
       </Formsy.Form>
      );
    }
  });

and I have MyOwnInput:

 /** @jsx React.DOM */
  var Formsy = require('formsy-react');
  var MyOwnInput = React.createClass({

    // Add the Formsy Mixin
    mixins: [Formsy.Mixin],

    // setValue() will set the value of the component, which in 
    // turn will validate it and the rest of the form
    changeValue: function (event) {
      this.setValue(event.currentTarget.value);
    },
    render: function () {

      // Set a specific className based on the validation
      // state of this component. showRequired() is true 
      // when the value is empty and the required prop is 
      // passed to the input. showError() is true when the 
      // value typed is invalid
      var className = this.showRequired() ? 'required' : this.showError() ? 'error' : null;

      // An error message is returned ONLY if the component is invalid
      // or the server has returned an error message
      var errorMessage = this.getErrorMessage();

      return (
        <div className={className}>
          <input type="text" onChange={this.changeValue} value={this.getValue()} defaultValue={this.props.defaultValue}/>
          <span>{errorMessage}</span>
        </div>
      );
    }
  });

When render the form, seems everything is ok, because the default value is being displayed, however when I click on submit, the results is

{ 
  "example": null,
  "email": "[e-mail]"
}

so, the default value of the input named “example” is being lost 😦

I will appreciate you help. Best Regards.

[elstob]

👍 on this issue. Working on forms with default value requirements right now.

[raaymax]

+1