如何处理 Typescript 中的 onChange

Question

我是 Typescript 的新手。使用 Typescript 语言时，您通常如何处理 TextField 中的 onChange？

• 下面代码中的函数 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 文本字段

event: React.ChangeEvent<HTMLInputElement>