react-native 学习总结
发布时间:2020-12-15 08:17:28 所属栏目:百科 来源:网络整理
导读:react-native 基础以及各个方面知识店等。一方面作为学习总结,另一方面也方便查阅,总结并无严格顺序,每天遇到则加上。 不同页面路由传输数据——与父子组件传递数据通信不一样 从第一个页面,跳转到两一个页面时可以在 navigator.push 里面加入传输的参数
不同页面路由传输数据——与父子组件传递数据通信不一样
sequenceDiagram firstPage->>secondPage: navigator.push({para:{id:1}) secondPage->>firstPage: 回调方法传递到当前页面来 es5代码示例 navigator.push({ name: 'SecondPageComponent',component: SecondPageComponent,params: { id: this.state.id,//从SecondPageComponent获取user getUser: function(user) { _this.setState({ user: user }) } } }); es6代码示例 navigator.push({ name: 'SecondPageComponent',//从SecondPageComponent获取user getUser: (user)=>{ this.setState({ user: user }) } } }); react-native中文社区的navigator教程示例 pressButton() { const { navigator } = this.props; if(this.props.getUser) { let user = USER_MODELS[this.props.id]; this.props.getUser(user); } // 按到返回时候 先进行数据处理,用上级函数方法,然后再跳转回去 if(navigator) { navigator.pop(); } }
(编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |