无法将日期和时间传递到下一个屏幕

时间:2018-08-06 06:39:06

标签: reactjs react-native react-native-android

我有一个简单的屏幕,其中包含日期和时间选择器,我想在按下按钮后立即将值传递给下一个屏幕。我该怎么办?

这是代码:

<DatePicker
    date={this.props.date}
    mode="date"
    format="YYYY-MM-DD"
    minDate={todayDate}
    confirmBtnText="Confirm"
    cancelBtnText="Cancel"
    dateInput: {marginLeft: 36}
    onDateChange={(date) => this.props.dateChanged(date)}/>

<DatePicker
    date={this.props.time}
    mode="time"
    cancelBtnText="Cancel"
    dateInput: {marginLeft: 36}
    onDateChange={(time) => this.props.timeChanged(time) }
    {...otherProps}/>

<Button
    onPress={() => navigate(
        'Test',
        { text: this.props.navigation.state.params.text,
          name: this.props.navigation.state.params.name}
    )}>
</Button>

1 个答案:

答案 0 :(得分:1)

 onDateChange={(time) => { this.props.timeChanged(time) }} 

在onDateChange中,使用 this.setState({time:time})为道具指示的状态设置时间值 用。。。来代替 <Button onPress= {() => navigate('Test', { time: this.state.time })}> 您可以在下一页道具中获取状态值