TypeError: невозможно прочитать значение свойства undefined (d не определено)

Question

Я пробовал предыдущие версии react datepicker, но это не помогло. Если нужно больше кода, вот репозиторий: https://github.com/RodrigoAN97/revents Спасибо.

import React from 'react'
import { useField } from 'formik'
import { FormField, Label } from 'semantic-ui-react'
import DatePicker from 'react-datepicker'
import 'react-datepicker/dist/react-datepicker.css'

export default function MyDateInput({ label, ...props }){
   const [field, meta, helpers] = useField(props)
   return (
      <FormField error={meta.touched && !!meta.error} >
         <label>{label}</label>
         <DatePicker
            {...field}
            {...props}
            selected={(field.value && new Date(field.value)) || null}
            onChange={(e, d) => helpers.setValue(d.value)}
         />
         {meta.touched && meta.error ? (
            <Label basic color='red' > {meta.error} </Label>
         ) : null}
      </FormField>
   )
}

Answer 1

Кажется, ваш обратный вызов onChange неверен, попробуйте что-нибудь вроде:

onChange={e => helpers.setValue(e.target.value)}

Answer 2

Я также искал простой в использовании инструмент выбора даты. Затем я нашел этот красивый и простой календарь или средство выбора даты в npm response-single-calendar

Его легко использовать и изменять в соответствии с дизайном, проверьте это руководство также в YouTube

Answer 3

Здесь - это только один параметр для прослушивателя onChange, то есть e. удалить d.