CODEWITHSUNDEEP
reactjstypescriptmaterial-uitsx
lo7
lo7

Reputation: 445

How to handle onChange in Typescript

I am new to Typescript. How do you normally handle onChange in TextField, when using Typescript language?

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);
};

Upvotes: 14

Views: 18827

Answers (1)

keikai
keikai

Reputation: 15146

For MUI TextField (v5.10.11)

event: React.ChangeEvent<HTMLTextAreaElement | HTMLInputElement>

Upvotes: 27

Related Questions