如何在react native中发送参数

Question

这里我进行登录，成功登录后我将id参数发送到主页，在主页上，我显示基于登录用户id的数据。我在登录页面上发送了一个参数。

之后，我将参数获取到主页，但这里的结果为空。如何正确解析数据？

页面登录

//function login 
fetch (......)
.then((response) => response.json())
.then((responseJson) => {
if(responseJson.status == 'ok'){
this.props.navigation.navigate('home', { id_user: id_user });
}
else if(responseJson.status == 'failed') {
....
}

<Button block info style={styles.mainBtn} onPress={this.login}>
<Text style={styles.btnText}>Submit</Text>
</Button>

主页

componentDidMount(){
const { params } = this.props.navigation.state; 
console.log(params)
const url = 'https://example.com/data?id_user='+params.id_user
fetch(url)
.then((response)=> response.json())
.then((responseJson)=>{
// console.log(responseJson.data)
this.setState({
dataSource: responseJson.data,
isLoading : false
})
})
.catch((error)=>{
console.log(error)
})
}

在主页上，我想解析正在记录的id数据，但当我控制台时，结果为空

Answer 1

在Home屏幕中，尝试在componentDidMount生命周期方法中像这样获取id_user。

componentDidMount(){
const id = this.props.navigation.state.params.id_user
console.log(id)
//...rest of the code
}

如果这不起作用，请在Login屏幕中像这样配置navigation语句。

if(responseJson.status == 'ok'){
this.props.navigation.navigate({'home', { id_user: id_user }});
}