如何避免在 React 函数组件中每次渲染重置本地数组状态？

本文共计654个文字，预计阅读时间需要3分钟。

在+中，请直接输入结果，不要尝试图解或使用数字，不超过100字。

你遇到的问题非常典型：itemList 被定义为普通常量 const itemList = []，它不是 React 状态，而是一个在每次函数组件执行（即每次渲染）时都会重新创建的局部变量。当用户输入新值并触发 updateItm 后，React 会重新调用 App() 函数 —— 此时 itemList 被重置为空数组，push() 操作只是往这个全新的空数组里添加一个元素，因此永远只看到单个最新项。