Reactjs 我能'；不能使用Web包导入React组件

在我的项目中，我有两个主文件“app.jsx”和“Layout.jsx”。当我在“app.jsx”中定义布局组件时，它会成功呈现。但是，当我将它移动到“Layout.jsx”并从“app.jsx”中要求它时，它就不起作用了。 这是我的密码：

“Layout.jsx”

module.exports=类布局扩展React.Component{
render（）{
返回(
布局组件
)
}
}

“app.jsx”

const React=require（“React”）；
const ReactDOM=require（“react dom”）；
const Layout=require（“./pages/Layout.jsx”）；
const App=document.getElementById（“App”）；
ReactDOM.render（，App）；

---

我的代码有什么问题？

在layout.jsx文件中，您需要导入

const React = require("react");

---

在移动到layout.jsx之后，您收到了什么错误？Webpack只是成功地绑定了文件，但是当我查看Firefox的React调试工具时，我看到以下消息：“等待根加载…”您在layout.jsx文件上导入React了吗？

const React = require("react");
const ReactDOM = require("react-dom");

const Layout = require("./pages/Layout.jsx");

const App = document.getElementById("app");
ReactDOM.render(<Layout />, App);

const React = require("react");