我有一个表单要求用户输入不同的内容。我想将用户输入的内容存储在一个useState对象中。我怎样才能以一种优化的方式做到这一点呢?也就是说,不用为每个输入创建不同的handleChange函数。第一个
useState
handleChange
iqxoj9l91#
在输入标记中使用name属性指定不同的输入。
name
<form> <input type="text" name="username" ... /> <input type="text" name="email" ... /> <input type="text" name="password" ... /> </form>
然后,从e.target获取事件的名称和值,以概括更改。
e.target
const handleChange = (e) => { const { name, value } = e.target; // <-- setUser((prevUser) => ({ ...prevUser, [name]: value, })); console.log(user); };
1条答案
按热度按时间iqxoj9l91#
在输入标记中使用
name
属性指定不同的输入。然后,从
e.target
获取事件的名称和值,以概括更改。