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

最新推荐文章于 2024-08-20 10:37:05 发布

weixin_30666401

最新推荐文章于 2024-08-20 10:37:05 发布

阅读量1.2k

点赞数

原文链接：http://www.cnblogs.com/xk-g/p/9529560.html

版权

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

onPress = { () => {this.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，或者发起网络请求。这个函数也是只被调用一次。这个函数之后，就进入了稳定运行状态，等待事件触发。

转载于:https://www.cnblogs.com/xk-g/p/9529560.html