reactJS中如何将.jsx文件导入.js文件

Question

我为此使用 node.js 并使用 react 作为前端，现在如何将 app.jsx 文件导入 index.js 文件？ index.js

import App from "./components/app";

ReactDOM.render(<App text="Hello world"/> , document.getElementById('root'))

应用程序.jsx

function App(props){
    return <h1>{props.text}</h1>
}

export default App;

现在终于在 app.jsx 文件中我尝试导入/要求 React 文件，但我收到错误“要求未定义”

Answer 1

您是否在 index.js 和 app.jsx 文件的顶部键入了以下代码？

// app.jsx
import React from "react";

// index.js
import React from "react";
import ReactDom from "react-dom";

或者你可能在错误的行中输入了“require”代码。 核实！

Answer 2

在终端中使用npx create-react-app创建新的启动反应应用程序，您将在那里看到工作代码。 链接了解更多信息https://create-react-app.dev/docs/getting-started

Answer 3

如果 package.json 中有 "type":"module"，请将其删除。