反应追加

Question

我的问题是，我可能做错了，但我有状态对象来保存名称的属性：当用户为其写入名称时，它会作为类型名称保存在对象中。这行得通，但我需要能够在同一对象中创建另一个类型名称。

这就是我初始化状态的方式

const [deptData, setDeptData] = useState({
        name: ''
    })

这就是实现收集到的第一个有效值的方法

 const handleChange = (e) => {
        let value = e.target.value;
        setDeptData({name: value})
    }

然后在第二次创建时我有这个覆盖了我以前的值。

 const handleChange = (e) => {
        let value = e.target.value;
        setDeptData({...deptData, name: value})

我想捕获让部门= [ { “姓名”：“姓名1”， }, { “姓名”：“姓名1”， }, { “姓名”：“姓名1”， }, { ... }, { ... }, ... ]

如有任何帮助，我们将不胜感激

Answer 1

我认为您不能拥有两个同名的密钥...相反，您可以尝试创建一个数据库，该数据库将是一个对象数组，如果您的目标是这样的话，它将保存多个用户的数据

Answer 2

const handleChange = (e) => {
    setDeptData({[e.target.name]: e.target.value})
}

哪里

<input onchange={handleChange} name={'your_name1_here'} />
<input onchange={handleChange} name={'your_name2_here'} />

React appending