在React对象中添加数据

Question

我想让您帮助我做一些对我不好的东西，发生的事情是我想通过功能在数组中添加一个数据，而不是添加它，而是覆盖它，我不知道什么是Redux错误：

const [list,setList]=useState([])
const addList=(id)=>{
    setList([id])
}

Answer 1

首先，您需要添加一个元素，而不是用另一个元素覆盖整个数组。第二个React Usestate变量您应该使用先前的值来更新新数组。您不能使用列表本身。 Try this:

const [list,setList]=useState([])

const addList=(id)=>{
    setList(pre => [...pre, id])
}

Or you can use this (it's in old javascript way):

const [list,setList]=useState([])

const addList=(id)=>{
    let newList = list
    newList.push(id)
    setList(newList)
}

Answer 2

我认为您想要这样的东西，将ID附加到list数组：

const [list,setList]=useState([])
const addList=(id)=>{
    setList([...list, id])
}

Answer 3

当您使用其先前的值更新React State属性（例如list）时，
您应该使用SetState的回调参数。
原因是状态更新可能在react中具有异步性（ https://reactjs.org/docs/state-and-lifecycle.html#state-updates-updates-may-be-be-asynchronous ）

const [list,setList]=useState([])
const addList=(id)=>{
    setList(list=> list.concat(id));
    // or setList(list=> [...list, id]);
})
}