但是在class写法中会报错 React is undefined

如果您在使用类组件时遇到了React is undefined的错误，这通常是因为您没有正确引入React。请确保您在文件的顶部添加了以下代码：

import React from 'react';

这将从React库中导入React对象，您可以在类组件中使用它。如果您已经添加了上述代码，但仍然遇到了该错误，请检查您的React版本是否正确或者是否已经安装React库。您可以通过以下命令来安装React：

npm install react

如果您使用的是Create React App等脚手架工具创建的项目，React库已经预先安装好了，您可以直接开始编写代码。如果您仍然遇到问题，请检查您的代码是否有其他错误。

相关问题

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 ]