需求:
//控件联动 //在修改下面的input内容后,上面的textview改变内容
步骤
@H_301_9@
//1 创建上面的textview
//2 创建下面的input
//3.监听input的内容改变
//4.根据修改state属性来保存修改的数据
//5.然后将修改的state属性传给子控件
//6.然后子控件利用props属性显示数据
原文链接:https://www.f2er.com/react/304495.htmlvar Text = React.createClass({ render : function(){ return <div>你好:{this.props.text}</div> } }); var DadInput = React.createClass({ getInitialState : function(){ return {text:''} },handleChange : function(e){ this.setState({text : e.target.value}); },render : function(){ return <div> <Text text = {this.state.text}/> <input onChange={this.handleChange}/> </div> } }); ReactDOM.render(<DadInput/>,document.body);