需求:
//控件联动 //在修改下面的input内容后,上面的textview改变内容
步骤
//1 创建上面的textview
//2 创建下面的input
//3.监听input的内容改变
//4.根据修改state属性来保存修改的数据
//5.然后将修改的state属性传给子控件
//6.然后子控件利用props属性显示数据
var 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);
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。