如何正确使用reactjs中的react-dates

Question

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;

错误是：arning：失败的道具类型：输入类型无效：startDate的string提供给DayPickerRangeController，预期object。在DateRickerRangeController（由DateRangePicker创建）中的DateRangePicker（由withStyles（DateRangePicker）创建）inStyles（DateRangePicker）（由客户创建）in div（由客户创建）div（由客户创建）在客户端（由Route创建）在Route中（由Full创建）在div中（由Full创建）在div中（由Full创建）在主（由Full创建）中由div（由Full创建）在div（由Full创建）中为Full（由Full创建）（由Route创建的路由器中的路由器（由HashRouter创建）在HashRouter中

当我点击startdate选择日期任何帮助时会发生这种情况？

Answer 1

使用moment库设置startDate解决了这个问题

安装时刻：

 npm i moment --save
 yarn add moment

您组件的导入时刻：

import moment from 'moment'

使用moment对象在react-date处设置startDate

startDate={moment()}