如何正确使用reactjs中的react日期 import React，{Component}来自'React'； 从“反应日期”导入{DateRangePicker，SingleDatePicker，DayPickerAgeController}； 导入'react dates/lib/css/_datepicker.css'； 类客户端扩展组件{ 建造师（道具）{ 超级（道具）； 此.state={ 聚焦输入：''， 起始日期：''， 结束日期：“” }; this.onDatesChange=this.onDatesChange.bind（this） this.onFocusChange=this.onFocusChange.bind（this） } onDatesChange（{startDate，endDate}）{ this.setState（{startDate，endDate}）； } onFocusChange（focusedInput）{ this.setState（{focusedInput}）； } render（）{ const{focusedInput，startDate，endDate}=this.state； 返回( ); } } 导出默认客户端；

错误是： 警告：失败的道具类型：无效的输入类型：

startDate

类型

string

提供给

daypickeragecontroller

，应为

对象。
在DayPickerRangeController中（由DateRangePicker创建）
在DateRangePicker中（由withStyles创建（DateRangePicker））
在withStyles中（DateRangePicker）（由客户端创建）
在div中（由客户端创建）
在div中（由客户端创建）
在客户端中（通过路由创建）
在路线中（由Full创建）
in开关（由Full创建）
在div中（由容器创建）
在容器中（由Full创建）
主界面（由完整界面创建）
在div中（由Full创建）
在div中（由Full创建）
完整（按路线创建）
途中
接通开关
路由器中（由HashRouter创建）
在HashRouter中

当我单击startdate选择日期时会发生这种情况。有什么帮助吗？
问题是通过使用
moment
library设置startdate解决的

安装力矩：

import React, {Component} from 'react';



import {DateRangePicker, SingleDatePicker, DayPickerRangeController} from 'react-dates';
import 'react-dates/lib/css/_datepicker.css';

class Clients extends Component {
  constructor(props) {
    super(props);
    this.state = {
      focusedInput: '',
      startDate: '',
      endDate: ''
    };
    this.onDatesChange = this.onDatesChange.bind(this)
    this.onFocusChange = this.onFocusChange.bind(this)
  }
  onDatesChange({startDate, endDate}) {

    this.setState({startDate, endDate});
  }

  onFocusChange(focusedInput) {
    this.setState({focusedInput});
  }

  render() {
    const {focusedInput, startDate, endDate} = this.state;

    return (<div className="animated fadeIn">


      <div>
        <DateRangePicker
          onDatesChange={this.onDatesChange} 
          onFocusChange={this.onFocusChange}
          focusedInput={focusedInput}
          startDate={startDate}
           endDate={endDate}/></div>

    </div>);
  }
}

export default Clients;

导入组件的时刻：

 npm i moment --save
 yarn add moment

使用矩对象在反应日期设置startDate

import moment from 'moment'

尝试使用矩库，将新的矩对象传递给反应日期，矩（）。然后，您可以使用moment指定所需的开始日期。我应该如何使用daterangepicker的react-moments？使用npm或Thread（npm i-Momente--save）安装moments，在组件上导入moments，并使用startDate={Momente（）}呈现react-dates。它现在可以工作了。谢谢您。好的，我将其作为答案，请验证它另一个问题：我需要一个键，当我更改日期时使用它，比如说我有多个日期范围选择器，我如何才能找到我更改的内容，比如onDatesChange（{startDate，endDate，key}）{this.setState（{startDate，endDate}）；}
startDate={moment()}