How to get current value?

For example I have a form with few select items. I would like to validate this form when user submits the form. So, I would like to have a getValue method the select component to use it like below:

var Form = React.createClass({
    render: function () {
        return (
            <form onSubmit={this.submit}>
                <Select ref="one" ... />
                <Select ref="two" ... />
                <Select ref="three" ... />
                ...
                <button type="submit">Submit</button>
            </form>
        );
    },
    submit: function () {
        if (this.validate()) {
            // send form to the server
        } else {
            // show errors
        }
    },
    validate: function () {
        var isValid = true;
        for (key in this.refs) {
            var component = this.refs[key];
            var value = component.getValue ? component.getValue() : component.getDOMNode.value;
            // validation ...
        });
        return isValid;
    }
})

At the moment I see only one way to do this using onChange for each component and store the values in some place. But I think, with getValue method it will be more clear and simple.

[radar]

The Usage documentation shows that you can use the onChange prop on the Select component directly.

I think that the README answers this question and that this issue can now be closed.

[aqumus]

@kevinrue, @benrolsen code snippet simply does is:

• Assigns name props to React-Select component

• then access/get the hidden input field using jquery selector where the selector is $( “input[name=‘name_prop_value_givenToReactSelect’]” ).val() which returns the hidden input field value

<Select name="anyCustomName"/>
var hiddenInputValue = $( "input[name='anyCustomName']" ).val();