React中如何将现有对象数组存入useState声明的数组状态

问题原因 #

你代码里有两个核心问题导致状态更新异常：

1. 数组展开逻辑错误：terapije本身就是你生成的对象数组，你当前的写法是把整个terapije数组作为单个元素追加到terapijaForDropdown中，没有展开内部元素。
2. 闭包快照问题：你直接使用当前作用域下的terapijaForDropdown做展开，受React闭包机制影响，你拿到的可能是上一次渲染的旧状态值，更新会出现不符合预期的情况。

修复方案 #

根据你的业务需求选择对应写法：

场景1：每次form.preparati变化时，用新生成的terapije完全替换原有状态（大多数下拉选项的业务场景是这种，避免重复累加旧选项）

把setTerapijaForDropdown的调用替换为：

setTerapijaForDropdown([...terapije])

场景2：确实需要保留原有状态，把新生成的terapije元素追加到现有数组末尾

使用React useState的函数式更新写法，获取最新的状态值再做更新：

setTerapijaForDropdown(prevState => [...prevState, ...terapije])

可选校验 #

如果修改后还是不符合预期，可以在set语句前加一行打印确认terapije的生成是否符合预期：

console.log('生成的terapije：', terapije)

内容的提问来源于stack exchange，提问作者Elrab