Когда я использую react-datepicker, не могу прочитать свойства undefined (чтение «значения»)

Пользовательский интерфейс появляется, но e.target.value не может быть прочитан. Щелчок по календарю приведет к ошибке.

Есть две ошибки. Сначала я покажу вам две ошибки на картинке.

ошибка1

ошибка2

Итак, это мой код. Основной компонент относится к этому компоненту.

import React, { useState } from "react";
import DatePicker from "react-datepicker";

import "react-datepicker/dist/react-datepicker.css";

const DatePick = () => {
  const [startDate, setStartDate] = useState("");

  const startDateHandler = (event) => {
    const gettodate = setStartDate(event.target.value);
    console.info(gettodate);
  };
  return (
    <DatePicker selected = {startDate} onChange = {startDateHandler} dateFormat = {"yyyyMMdd"} showYearDropdown scrollableMonthYearDropdown />
  );
};

export default DatePick;

Если я использую

(date)=>setStartdate(date)

вместо обработчика значение не определено. Как я могу решить эту проблему ? я хочу получить значение.

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Навигация по приложениям React: Исчерпывающее руководство по React Router
Навигация по приложениям React: Исчерпывающее руководство по React Router
React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...
Массив зависимостей в React
Массив зависимостей в React
Все о массиве Dependency и его связи с useEffect.
0
0
77
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

да, вы можете обрабатывать значение DatePicker как (дата) => setStartdate (дата).

но значение не определено. я хочу получить данные типа 20220317

AshtonJo 12.04.2023 09:33

значение не требуется в изменении дескриптора DatePicker <DatePicker selected = {startDate} onChange = {(date) => setStartdate(date)} />

Mitesh Dudhat 12.04.2023 10:18

Другие вопросы по теме