reactjs - 如何处理 Typescript 中的 onChange

Question

我是 Typescript 新手。您平时如何处理onChange在TextField ，当使用 Typescript 语言时？

• 函数handleChangeDate(e: React.ChangeEvent<any>)下面的代码有效，但我收到警告，因为我使用类型 any 。我还可以通过哪些其他方式编写此代码？

<小时/>

import React, { useState } from 'react';
import { useForm } from 'react-hook-form';
import { TextField } from '@material-ui/core';

const [date, setDate] = useState(
    new Date().getDate() + '/' + (new Date().getMonth() + 1) + '/' + new Date().getFullYear(),
);

const handleChangeDate = (e: React.ChangeEvent<any>): void => {
    setDate(e.target.value);
};

Answer 1

对于 MUI 文本字段 (v5.10.11)

event: React.ChangeEvent<HTMLTextAreaElement | HTMLInputElement>