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

当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