react项目入口文件即调用顺序

发布时间 2023-06-10 15:17:38作者: 设德兰

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这个名字,