React Js日期范围选择器

Question

我正在将react-day-picker库用于日期范围选择器react-day-picker library url，但我想在按钮单击事件中显示此日历。如何做到这一点。

Answer 1

如何在使用状态呈现组件之前设置标志？

例如。

单击按钮可以调用renderCalendar方法

renderCalendar(){
  this.setState({showCalendar:true})
}

，而不是：

<DayPicker numberOfMonths={2} />

将其包装在条件语句中

{ this.state.showCalendar ? 
       //show the calendar
       <DayPicker numberOfMonths={2} /> : 
        //Do not show the calendar
        null
}