Javascript ReactJS-用另一个数组交换处于状态的对象数组中的所有值

我试图用一个全新的

数组

对象替换处于状态的

数组

对象的所有值。然而，似乎没有任何效果。我尝试了以下方法：

const list1=[
{id:1，名称：'item1'}，
{id:2，名称：'item1'}，
{id:3，名称：'item1'}，
{id:4，名称：'item1'}，
]
常数列表2=[
{id:1，名称：'newItem1'}，
{id:2，名称：'newItem2'}，
{id:3，名称：'newItem3'}，
{id:4，名称：'newItem4'}，
]

类FindTab扩展组件{
状态={
状态：“正在加载”，
位置：空，
视图：this.props.view，
地图：this.props.map，
位置值：列表1，
}
}

this.setState（prevState=>({
locationValues:[…prevState.locationValues，列表2]，
}))

或者更简单：

this.setState（位置值：list2）

---

两者似乎都不起作用。对于如何使用状态属性的另一个数组替换对象数组，是否有任何指导意见？

您可以将该数组扩展为一个新数组，如：

const locationValues = [ ...state.locationValues, ...list2 ]

this.setState({ locationValues })

---

您可以将阵列分散到一个新阵列中，如下所示：

const locationValues = [ ...state.locationValues, ...list2 ]

this.setState({ locationValues })

---

我应该提到数组中对象的结构不会改变，但是数组对象的值和数量会改变。这部分

This.setState（prevState=>（{locationValues:[…prevState.locationValues，…list2]}）

应该将

list2

添加到

状态中。但是这部分
This.setState({locationValues:list2}）
应该覆盖
状态中的
locationValues
我应该提到数组中对象的结构不会改变，但是数组对象的值和数量会改变。这部分
This.setState（prevState=>（{locationValues:[…prevState.locationValues，…list2]}）
应将
list2
添加到
状态
。但此部分
this.setState（{locationValues:list2}）
应覆盖
状态内的
locationValues