如何处理打字稿中的onChange

时间:2020-04-08 12:28:53

标签: reactjs typescript material-ui tsx

我是Typescript的新手。使用打字稿语言时,您通常如何处理onChange中的TextField

  • 下面的代码中的功能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);
};

1 个答案:

答案 0 :(得分:6)

对于MUI文本字段

event: React.ChangeEvent<HTMLInputElement>