React-DatePicker - формат не определен - PullRequest
Новая
       18

React-DatePicker - формат не определен

0 голосов
/ 04 июля 2019

Я пытался реализовать React Datepicker Номер функции 32 https://reactdatepicker.com/.

Вот код документации, который они предоставили 

handleChange (date) {
  this.setState({startDate: date})
  this.toggleCalendar()
}

toggleCalendar (e) {
  e && e.preventDefault()
  this.setState({isOpen: !this.state.isOpen})
}

<div>
    <button
        className="example-custom-input"
        onClick={this.toggleCalendar}>
        {format(this.state.startDate, "dd-MM-yyyy")}
    </button>
    {
        this.state.isOpen && (
            <DatePicker
                selected={this.state.startDate}
                onChange={this.handleChange}
                withPortal
                inline />
        )
    }
</div>

В чем заключается моя проблема: «Формат не определен» - ошибка выдается.какую ошибку я здесь совершил?
Пожалуйста, помогите.

1 Ответ

0 голосов
/ 04 июля 2019

Основано на их собственном примере из репозитория github: https://github.com/Hacker0x01/react-datepicker/blob/master/docs-site/src/examples/inline_portal.jsx

Вам не хватает формата функции, который похож на тот, который представлен в lib "date-fns / format".Что вы также можете получить от npm.

Сделайте npm install date-fns --save в вашей консоли в той же папке вашего проекта и добавьте эту строку import format from "date-fns/format"; в ваш код

Я бы посмотрел, если это функция форматирования вы быхотите использовать или написать собственную функцию форматирования для ваших нужд.

Вот моя песочница: https://codesandbox.io/s/react-datepicker-75ou7

...