0

我正在通过导航器传递道具。我在将多个道具从状态传递到另一个屏幕时遇到问题。我试过了

passData(){
this.props.navigation.navigate('ListingAddressPhoto', {nickName:this.state.nickName})
}

这可行,但它只会通过一个道具。我尝试向它添加更多属性,但第二页仅显示此内容。我如何从 textinput 和其他组件传递道具。我读过关于 Redux 的文章,但我想知道是否有其他路线而不是利用它。

我的组件在下面

<View style = {styles.inputdata}>    
           <TextInput 
            style = {styles.nickNameTextInput}
            onChangeText={(nickName) => this.setState({nickName})}
            placeholder={"Nickname eg. Cool Location"} 
            color={"black"}
            placeholderTextColor={"grey"}/> 
        </View> 
        <View style = {styles.reginput}>    
          <TextInput 
            style = {styles.nickNameTextInput}
            onChangeText={(hourlyRate) => this.setState({hourlyRate})}
            placeholder={"hourly rate"} 
            color={"black"}
            keyboardType='numeric'
            placeholderTextColor={"grey"}/> 
        </View> 
        <View style={styles.descriptionTextBox}>
          <TextInput 
            style = {styles.nickNameTextInput}
            multiline={true}
            borderColor={"black"}
            onChangeText={(description) => this.setState({description})}
            placeholder={"Describe your spot"} 
            color={"black"}
            placeholderTextColor={"grey"}/> 
        </View>

我正在获取所有数据并将其保存到构造函数中的属性中。然后我想将它传递到下一个屏幕,然后我会将它上传到 Firebase。

4

0 回答 0