React Native 传递 route.params 来获取请求
2020-04-16
690
我使用
this.props.navigation.navigate('Details',{activity: item})
将项目传递到新页面。我想使用此活动发出获取请求。我不知道如何将项目传递给 API 请求。有人可以回答我吗?
register = async () =>{
var token = await AsyncStorage.getItem('id_token')
console.log(token)
fetch('http://192.168.0.1:8887/api/auth/activities/register',{
method: 'POST',
headers:{
'Accept': 'application/json',
'Content-Type': 'application/json',
'Authorization': 'Bearer ' +token,
},
body: JSON.stringify({
})
})
}
render(){
const { activity } = this.props.route.params;
return (
<View style={styles.container}>
<ScrollView style={styles.content}>
<Text style={styles.data}>Title:</Text>
<Text style={styles.info}>{activity.name}</Text>
</ScrollView>
<Button title="register" onPress={this.register}></Button>
</View>
)
}
在这种情况下,我该如何将数据传递给获取?
1个回答
所有其他建议你将其添加到状态的答案都是错误的。你可以像在
render
函数中所做的那样检索该值。
register = async () =>{
const { activity } = this.props.route.params;
const token = await AsyncStorage.getItem('id_token')
fetch('http://192.168.0.125:8887/api/auth/activities/register',{
method: 'POST',
headers:{
'Accept': 'application/json',
'Content-Type': 'application/json',
'Authorization': 'Bearer ' +token,
},
body: JSON.stringify({ activity })
});
}
emeraldsanto
2020-04-16