我无法使用webpack导入React组件

Question

在我的项目中我有2个主要文件＆＃34; app.jsx＆＃34;和＆＃34; Layout.jsx＆＃34;。当我在我的＆＃34; app.jsx＆＃34;中定义我的布局组件时，它会成功渲染。但是，当我把它移到＆＃34; Layout.jsx＆＃34;并要求来自＆＃34; app.jsx＆＃34;它没有用。 这是我的代码：

＆＃34; Layout.jsx＆＃34;

module.exports = class Layout extends React.Component {
    render() {
        return(
            <h3>Layout Component</h3>
        )
    }
}

＆＃34; app.jsx＆＃34;

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

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

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

我的代码有什么问题？

Answer 1

你需要导入的layout.jsx文件

const React = require("react");