react项目入口文件,指的是启用react项目的主文件,它通常是一个JavaScript文件,包含了项目组件,并将这些组件渲染到界面上。该文件通常命名为 index.js 或 app.js,并被放在应用程序的根目录中。
使用cra创建的react项目入口文件是src目录下的index.js。这是一个简单的 React 入口文件示例,它导入了 React 和 ReactDom 库,并使用 ReactDom.render() 方法将 App 组件渲染到 id 为 root 的 DOM 元素中。
import React from 'react'; import ReactDOM from 'react-dom'; import App from './App'; ReactDOM.render(<App />, document.getElementById('root'));
下面这种写法也可以:
import React from "react"; import ReactDOM from "react-dom"; import App from "./App"; const root = ReactDOM.createRoot(document.getElementById("root")); root.render( <React.StrictMode> <App /> </React.StrictMode> );
react项目调用顺序:index.html --> index.js --> components.
注意 public/index.html
是启动http服务器的首页,src/index.js
是编译的入口文件,只能叫index
这个名字,