Reactjs 尝试运行React教程代码时render（）中出现神秘错误

在试图编译O'Reilly的“Learning React”一书中的代码时，我遇到了一个意外错误（可能是因为自该书出版以来，该库一直在运行）。不幸的是，这个错误对我来说毫无意义，所以我真的不知道从哪里开始

浏览器中的错误（我使用

create react app

和

npm start

测试代码）：

---

问题在第一行： 而不是：

import { React, Component } from 'react'

通过以下方式导入：

import React, { Component } from 'react'

---

问题在第一行： 而不是：

import { React, Component } from 'react'

通过以下方式导入：

import React, { Component } from 'react'

---

当您删除

AddColorForm

和

ColorList

一秒钟时，是否看到相同的错误？@ArupRakshit是，删除这些行没有任何区别添加条目文件code

index.js

usually@EricHasselbring在本例中，

index.js

正在导入

App.js

。我将通过删除大部分代码并逐个缓慢添加来开始调试。让渲染函数返回一个空白的

，然后查看是否通过。然后慢慢地把东西添加回来，你就会发现问题所在。当你删除

AddColorForm

和

ColorList

一秒钟时，你是否看到同样的错误？@ArupRakshit是，删除这些行没有任何区别添加条目文件code

index.js

usually@EricHasselbring在本例中，

index.js

正在导入

App.js

。我将通过删除大部分代码并逐个缓慢添加来开始调试。让渲染函数返回一个空白的

，然后查看是否通过。然后慢慢地把东西加回去，你应该会发现问题所在。恐怕没有什么区别。我很确定你导入React的方式不正确，这肯定会解决一个问题。您可以通过代码沙盒提供您的示例吗？我必须在不同的包含文件中进行相同的更改，我忘记了在导入组件时也进行了相同的更改。出于某种原因，错误只出现在

App.js

上。你的修复成功了，谢谢！恐怕没什么区别。我很确定你导入React的方式不正确，这肯定会解决一个问题。您可以通过代码沙盒提供您的示例吗？我必须在不同的包含文件中进行相同的更改，我忘记了在导入组件时也进行了相同的更改。出于某种原因，错误只出现在

App.js

上。你的修复成功了，谢谢！

import React, { Component } from 'react'