如何处理 Typescript 中的 onChange答案

【问题标题】：How to handle onChange in Typescript如何处理 Typescript 中的 onChange
【发布时间】：2020-07-20 20:45:32
【问题描述】：

我是 Typescript 的新手。 TextField中的onChange，在使用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);
};

【问题讨论】：

标签： reactjs typescript material-ui tsx

【解决方案1】：

对于 MUI 文本字段

event: React.ChangeEvent<HTMLInputElement>

【讨论】：

谢谢！如果元素是Select from material-ui，我应该使用哪种类型？
@lo7 可能是React.ChangeEvent<{ name?: string | undefined; value: unknown; }> 基于问题：github.com/mui-org/material-ui/issues/16065，我们总能在错误回调中找到想要的类型。