Javascript 如何在React中显示对象中的输入值

我尝试在对象中显示所有数据

onChange

输入，以便在React中的API中发布，并尝试了以下操作：

import React, { useState} from "react";

const Counter = () => {
    const [form, setForm] = useState({});

    const FormData = (event, {name, value}) => {
        setForm({...form, [name]: value});
    };

    return (
        <div>
            <input value={form.username || ''}  name="username" onChange={FormData} type="text"/>
            <input value={form.email || ''}  name="email" onChange={FormData} type="email"/>
            <input value={form.password || ''}  name="password" onChange={FormData} type="password"/>
        </div>
    );
}

export default Counter;

import React，{useState}来自“React”；
常量计数器=（）=>{
const[form，setForm]=useState（{}）；
const FormData=（事件，{name，value}）=>{
setForm（{…form，[名称]：value}）；
};
返回(
);
}
导出默认计数器；

---

但它在更改时显示问题：“

”无法对未定义的“undefined”的属性“name”进行解构“

可以按如下方式执行：

const Counter = () => {
const [form, setForm] = useState({});

const FormData = (event) => {
    const { target: { value, name } } = event;
    setForm({...form, [name]: value});
};

return (
    <div>
        <input value={form.username || ''}  name="username" onChange={FormData} type="text"/>
    // same for other inputs
    </div>
);
}

const计数器=（）=>{
const[form，setForm]=useState（{}）；
const FormData=（事件）=>{
常量{target:{value，name}}=event；
setForm（{…form，[名称]：value}）；
};
返回(
//其他输入相同
);
}

谢谢Umair，我需要知道它为什么会在这个视频上工作：14:27关于onChange事件的html输入第二个参数不是传递的，只有事件作为参数传递。他使用的是语义用户界面表单及其输入，可能是语义用户界面的功能，它在视频中添加了第二个参数