ReactJS Daterangepicker-同一组件中的多个实例

Question

如何在同一组件中添加日期范围选择器的多个实例。

<DateRangePicker
  startDate={this.state.startDate}
  startDateId="start_date1"
  endDate={this.state.endDate}
  endDateId="end_date1"
  onDatesChange={({ startDate, endDate }) => {
    this.setState({ startDate, endDate });
  }}
  focusedInput={this.state.focusedInput}
  onFocusChange={focusedInput => this.setState({ focusedInput })}
  displayFormat="DD/MM/YYYY"
  isOutsideRange={day => !isInclusivelyBeforeDay(day, moment())}
/>

Answer 1

使用此软件包https://www.npmjs.com/package/react-date-range-next