react-native navigation.navigate 传递参数以及后面页面获取传递的参数

10 篇文章 0 订阅

react native调试在谷歌浏览器中查看network信息,看不到数据请求信息,这个就很麻烦,这里找到一个解决方法如下:

在入口文件(index.js或app.js)中加入这一行

GLOBAL.XMLHttpRequest = GLOBAL.originalXMLHttpRequest || GLOBAL.XMLHttpRequest     即可

如果还是不行,重启项目,关闭谷歌浏览器,重新启动即可
 

当a页面点击跳转到Device页面,并需要向后面传递参数
onPress = {() => this.props.navigation.navigate('跳转的路由名称',{参数})}

onPress = { () => {this.props.navigation.navigate('Device',{id:'sds',name:'Qli'})}}

在Device页面,接收传递过来的参数
export default class Device extends Component
    componentDidMount(){
        let id = this.props.navigation.state.params.id;
        let name = this.props.navigation.state.params.name;
    }
}

componentDidMount
在组件第一次绘制之后,会调用 componentDidMount(),通知组件已经加载完成。
这个函数调用的时候,其虚拟 DOM 已经构建完成,你可以在这个函数开始获取其中的元素或者子组件了。需要注意的是,RN 框架是先调用子组件的 componentDidMount(),然后调用父组件的函数。从这个函
数开始,就可以和 JS 其他框架交互了,例如设置计时 setTimeout 或者 setInterval,或者发起网络请求。这个函数也是只被调用一次。这个函数之后,就进入了稳定运行状态,等待事件触发。

  • 3
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值