开发者问题收集

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