您的位置:首页 > Web前端 > React

React-Native-Navigator导航条-反向传值

2017-04-05 21:55 211 查看
http://www.jianshu.com/p/69266aa54771之前有一篇文章记录了反向传值,用的是类似iOS的通知的方法,缺点很明显

这几天又看了其他的文章,发现了一个新的方法,类似iOS的block吧,现在记录一下,代码就不贴了,直接在这里贴出来

第一个页面
goPage2(type) {
this.props.navigator.push({
component:SecondPageComponent,
type:type,
params:{//params 要和HomePage.js里面的 renderScene(route, navigator)里面设置的参数名一样
param1:'第一个参数',
param2:'第二个参数',
loadData:(data) => {this.loadData(data)},//回调方法
}
})
}

loadData(data){
console.log('回调方法传参:data='+data);
}


第二个页面,在需要回传的时候这样写
if(this.props.loadData){//这里是判断是否有这个方法的
this.props.loadData('回传参数1');
}


data是参数,当然也可以不回传参数,不写data就可以了
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: