React Component Examples
Common
Set parameters in getInitialState
getInitialState: function() { return {val: 'Test'}; }
Add handle method to change data
handleInput: function(event) { this.setState({val: event.target.value}); }
Input
var TextInput = React.createClass({ getInitialState: function() { return {val: 'Please Input'}; }, handleInput: function(event) { this.setState({val: event.target.value}); }, render: function() { return (<div>JSX Input: <input type="text" value={this.state.val} onChange={this.handleInput} /> </div>); } }); ReactDOM.render( <TextInput />, document.getElementById('content') );