Tengo mi estado de Objeto aquí escrito en javascript vainilla. y quería convertirlo en mecanografiado.
Este es el estado del objeto formData.
const [formData, setFormData] = useState({ firstName: "", lastName: "", });Esta es la función handleFormChange.
const handleFormChange = (event) => { const { name, value } = event.target; setForm(prevFormData => ( ...prevFormData, [name]:value; ));};
en vanilla js funciona perfectamente bien. ¿Cuál podría ser la definición de tipo para
[nombre]:valor;
Input
OnChangeObtener el valor de un evento inputonChangees una de las primeras cosas que la gente aprende cuando trabaja con HTML. En un entorno Typescript, puede ser tentador usar any como tipo para el eventoonChange. En lugar de any , puedeuseReact.ChangeEvent<HTMLInputElement>
const onChange = (event: React.ChangeEvent<HTMLInputElement>) => //That will give you access to all the values included in the input onChange event.Si está usando un área de texto y necesita diferenciar el evento, puede usar esto en su lugar:
const onChange = (event: React.ChangeEvent<HTMLTextAreaElement>) =>También debe compartir su función setForm aquí para que pueda intentar responder su pregunta en base a eso. En realidad, sería aún mejor si pudiera compartir su código con un enlace de CodeSandbox. Por cierto, esto no es Vanilla JS, usas useState de React. Le sugiero que compruebe React TypeScript CheetSheet .