天天看點

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