react native 控件联动
发布时间:2020-12-15 07:28:27 所属栏目:百科 来源:网络整理
导读:需求: //控件联动//在修改下面的input内容后,上面的textview改变内容 步骤 //1 创建上面的textview //2 创建下面的input //3.监听input的内容改变 //4.根据修改state属性来保存修改的数据 //5.然后将修改的state属性传给子控件 //6.然后子控件利用props属性
需求: //控件联动 //在修改下面的input内容后,上面的textview改变内容 步骤
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); (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |
相关内容
- iphone – UITextView textViewShouldBeginEditing在多次点
- 试图在Bluemix上运行Swift Vapor – 404 Not Found:请求的
- 共享日常收集JS正则表达式(JavaScript regular expression)
- iphone – 更改iOS中的地理位置权限通知文本
- cocos2dx 3.X 触摸吞噬功能
- Saying Yes to NoSQL; Going Steady with Cassandra
- 检查没有valgrind的内存分配
- 在Rails中获取AR Error Message
- Dijit Tree过滤和搜索不能在ObjectStoreModel上工作
- ios – Keychain – 安全数据存储