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. в DayPickerRangeController (созданный DateRangePicker) в DateRangePicker (созданный withStyles (DateRangePicker)) в withStyles (DateRangePicker) (создается клиентами) в div (создается клиентами) в div (создается клиентами) в клиентах (созданных Route) в Route (созданный Full) в Switch (созданный Full) в div (созданный Контейнером) в контейнере (созданном Full) в основном (создано Full) в div (созданный Full) в div (созданный Full) в полном объеме (создано Route) в маршруте в Switch в маршрутизаторе (созданном HashRouter) в HashRouter

Это происходит, когда я нажимаю на дату начала, чтобы выбрать дату. Любая помощь?

1
jadlmir 1 Мар 2018 в 17:15

1 ответ

Лучший ответ

Проблема была решена с использованием библиотеки moment для установки startDate

Момент установки:

 npm i moment --save
 yarn add moment

Момент импорта в вашем компоненте:

import moment from 'moment'

Установить startDate в датах реакции с помощью объекта момента

startDate={moment()}
3
Daniel Artola 1 Мар 2018 в 18:29