react中setState报错undefined is not iterable (cannot read property Symbol(Symbol.iterator))

在React中，当使用setState方法时出现TypeError: undefined is not iterable (cannot read property Symbol(Symbol.iterator))错误的原因通常是因为你将一个非迭代对象传递给了setState方法。通常情况下，这是由于在使用useState或useReducer时，将初始状态设置为了一个非迭代对象，例如null、undefined或数字。在你提供的引用中，错误发生在useState的初始化中。

正确的写法是将初始状态设置为一个合适的迭代对象。例如，你可以使用一个空数组作为初始状态：

const [age, setAge] = useState([])

或者，你可以根据你的需求设置初始状态为一个有意义的值，比如一个空对象{}。

根据你提供的代码示例，你可以更改List组件中的useState初始化为正确的形式：

const [age, setAge] = useState(18)

这样就能避免报错了。记得在使用useState时，仔细检查初始状态的值，确保它是一个迭代对象，而不是一个非迭代对象。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* *3* [TypeError undefined is not iterable (cannot read property Symbol(Symbol.iterator))](https://blog.csdn.net/m0_59092234/article/details/123431518)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 100%"]
[ .reference_list ]