不可控组件和可控组件
不可控组件使用方式:
可控组件使用方式:
组件可控的好处:
不可控组件使用方式:
<span style="font-size:18px;"><input type="text" defaultValue="hello world"/>
React.findDomNode(this.ref.input).value</span>
可控组件使用方式:
<input type="text" defaultValue={this.state.text}/>
var inputText=this.state.text;
组件可控的好处:
- 符合React的数据流
- 数据存储在state中,便于使用
- 便于对数据进行处理
不可控组件实例
var MyForm=React.createClass({
handleSubmit:function(event){
event.preventDefault();
var helloTo=ReactDOM.findDOMNode(this.refs.helloTo).value;
alert(helloTo);
},
render:function(){
return <form onSubmit={this.handleSubmit}>
<input type