Not working 2 DateRangePicker (react-dates) on 1 page (反应日期)(在1页上不工作2个反应日期)

React-dates是一个React组件库，用于处理日期选择和日期范围选择。其中的DateRangePicker组件用于选择日期范围。如果在页面上使用了两个DateRangePicker组件，但它们无法正常工作，可能有以下几个原因：

组件引入问题：首先要确保正确引入了react-dates库和DateRangePicker组件。可以通过检查引入路径和组件命名来确认。
组件配置问题：每个DateRangePicker组件都需要配置一些属性来指定日期范围的格式、起始日期、结束日期等。可以检查组件的属性配置是否正确，包括startDate、endDate、onDatesChange等属性。
组件状态管理问题：如果两个DateRangePicker组件共享了相同的状态，可能会导致它们之间的冲突。可以尝试为每个组件创建独立的状态，确保它们互不干扰。
样式冲突问题：如果两个DateRangePicker组件的样式发生冲突，可能会导致它们无法正常工作。可以检查组件的样式是否正确引入，并且没有被其他样式覆盖。

对于以上问题，可以参考以下解决方案：

确认组件引入路径和组件命名是否正确：

import { DateRangePicker } from 'react-dates';

配置每个DateRangePicker组件的属性，例如：

<DateRangePicker
  startDate={this.state.startDate1}
  endDate={this.state.endDate1}
  onDatesChange={({ startDate, endDate }) => this.setState({ startDate1, endDate1 })}
  focusedInput={this.state.focusedInput1}
  onFocusChange={(focusedInput) => this.setState({ focusedInput1 })}
/>

<DateRangePicker
  startDate={this.state.startDate2}
  endDate={this.state.endDate2}
  onDatesChange={({ startDate, endDate }) => this.setState({ startDate2, endDate2 })}
  focusedInput={this.state.focusedInput2}
  onFocusChange={(focusedInput) => this.setState({ focusedInput2 })}
/>

确保每个DateRangePicker组件有独立的状态：

constructor(props) {
  super(props);
  this.state = {
    startDate1: null,
    endDate1: null,
    focusedInput1: null,
    startDate2: null,
    endDate2: null,
    focusedInput2: null,
  };
}

确认样式是否正确引入，并且没有被其他样式覆盖。

以上是针对Not working 2 DateRangePicker (react-dates) on 1 page的问题的一般解决方案。如果问题仍然存在，可能需要进一步检查代码和调试。腾讯云没有直接相关的产品和产品介绍链接地址，但可以参考React-dates官方文档（https://github.com/airbnb/react-dates）以获取更多信息和帮助。