React Component Examples

Posted by On 1月 01, 2017 0 Comment

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')
);

TOPICS