javascript - 如何将数组的每个元素添加到 React 状态

标签 javascript reactjs react-hooks

我正在尝试将从 API 中提取的数组的每个元素添加到 React 中的现有状态中。 我如何能够提取每个元素并将其添加到状态?

这是我知道该怎么做。它在这种情况下不起作用,因为新数据是一个数组。

状态= [{}, {}, {}]

newData= [{}, {}, {}]

setState([...state, newData])

最佳答案

展开 newData,这样您就可以得到一个处于新状态的平面数组。

setState([...state, ...newData]);

或者

setState(state.concat(newData));

关于javascript - 如何将数组的每个元素添加到 React 状态,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/67963909/

相关文章:

javascript - javascript中可能的网络协议(protocol)

javascript - 如何防止按钮点击时页面刷新

javascript - 添加到表单数据的 JavaScript 对象在服务器上始终接收为 null

javascript - React OIDC-Client IE Promise 未定义

reactjs - Typescript React - 与类型 'IntrinsicAttributes' 没有共同的属性

reactjs - 如何模拟 Material UI Slider 上的值变化?

javascript - HTML 上的 Django 导航文本

javascript - FullCalendar 后端 PHP/JS 到 symfony 3

javascript - 如何在功能组件中混合使用 useCallback 和 useRef

reactjs - 遵守 react-hooks/exhaustive-deps 会导致无限循环和/或大量 useCallback()