React Native - useState 不会立即更新

Question

当onLongPress触发时，我正在尝试更新我的 state。
我在 setState 之后立即打印结果，但它什么也没显示（在第一次按下时）代码：

const [pressedImagesm setPressedImages] = useState([]);
...
onLongPress={() => {
          setPressedImages(oldArray => [...oldArray, { [index]: true }]);
          console.log(pressedImages);
}}

Answer 1

这是因为setPressedImages不会直接更新 state object ( pressedImages )。 相反，它会将此更新添加到队列中，并且更新的 state 会反映在组件的下一次渲染中。

这是一个非常常见的 React 问题 - 有很多有用的内容可以更详细地解释它（例如这篇文章或这个 SO 问题）。

Answer 2

尝试这个：

 const [pressedImages, setPressedImages] = useState([]); ... onLongPress={() => { const cloneArray = [...pressedImages]; cloneArray.push({ [index]: true }); setPressedImages(cloneArray); }} console.log('Updated pressedImages:', pressedImages);