arrays - 如何在循环中设置数组 useState 以在默认数组中添加更多项？

Question

我有一个包含 10 个项目的数组首先，我在 useState 中添加了 5 个项目

const [dataList, setDataList] = useState([])
useEffect(() => {
  const newArr = []
  for (var i = 0; i < 5 && i < data.length; i++) {
       newArr.push(data[i])
      }
      setDataList(newArr)
    }, [])

然后，当我添加 5 项时，我得到的不是预期的结果

onPress = () => {
    const newArr2 = []
    for (var i = 5; i < 10 && i < data.length; i++) {
        newArr2.push(data[i])
    }
    setDataList([...dataList, newArr2])
    console.log("dataList", dataList)
}

/image/lB0JD.png

如何将 5 项左侧插入 useState 数组？抱歉我的英语不好。

Answer 1

传播语法的替代方法可以是:

setDataList(dataList.concat(newArr2))