初始渲染时无法显示所选日期

时间:2019-06-30 00:36:02

标签: react-native datepicker native-base

我正在使用RN 0.59.8和NativeBase 2.10.0。我正在使用datepicker。我尝试通过defaultDate(例如state)设置meetingDate

预期行为

  1. 如果meetingDate中的props具有值,则defaultDate将基于props值而改变。

当前行为

  1. 如果我使用meetingDateconstructor声明了new Date(20, 1, 2019)状态,这将使defaultDate显示我想要的内容

  2. 但是,如果我将其设置为null,即使在此console(在渲染时)也打印正确的值(在meetingDate状态更改后),{{1} }不会改变。

这是示例代码:

defaultDate

1 个答案:

答案 0 :(得分:0)

您还需要这个Ref

componentDidUpdate(prevProps, prevState) {
  if(prevProps.data!==this.props.data){
    const {
        meetingDate,
      } = this.props.data;

    this.setState({meetingDate});
  }
}