从父级更改第三方React组件的状态

Question

我使用第三方组件进行日期选择，我想从其父组件更新其日期状态。由于它是第三方组件，我有点受限制 - 例如告诉它听取状态变化。

有什么想法？我想做类似的事情：

childComponent.state.dateRange = newState; 要么 childComponent.setState({foo: newState});

Answer 1

您可以使用父级的状态来更改日期选择器的日期。请参阅以下示例

class Parent extends React.Component {
  constructor(props){
    super(props)
    this.state = {
      date: '20/04/2016 16:23:56',
    }
  }
  changeDate(newDate) {
    this.setState({
       date: newDate, //Change the date here
    })
  }
  render() {
   return <Calendar
      dateFormat="DD/MM/YYYY HH:mm:ss"
      defaultDate={this.state.date}
    />
  }
}

使用changeDate()作为参数，使用this.ChangeDate来呼叫newDate。这将更改datepicker的日期。

希望它有所帮助。