React学习笔记之二：认识index.js

最新推荐文章于 2025-01-17 10:59:58 发布

月半叫做胖

最新推荐文章于 2025-01-17 10:59:58 发布

阅读量6.9k

点赞数

分类专栏： React React学习笔记文章标签： React index.js ReactDom

本文链接：https://blog.csdn.net/qq_24724109/article/details/94566750

版权

React学习笔记同时被 2 个专栏收录

26 篇文章

订阅专栏

React

19 篇文章

订阅专栏

本文是React学习笔记的第二部分，聚焦于index.js。通过创建React工程，解析index.js的内容，了解到它是React应用的入口文件，负责将组件渲染到页面。React开发的核心在于构建和组合各种组件。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

2.index.js

先创建一个react工程

create-react-app first-react
cd first-react
npm start

我们打开目录下的index.js文件，从入口文件开始认识react

// index.js
import React from 'react';
// ReactDom用于页面渲染
import ReactDOM from 'react-dom';
// index.css用于处理页面样式
import './index.css';
// App 是一个组件
import App from './App';
import * as serviceWorker from './serviceWorker';

// 用ReactDOM.render来将元素渲染到页面中
ReactDOM.render(<App />, document.getElementById('root'));

// If you want your app to work offline and load faster, you can change
// unregister() to register() below. Note this comes with some pitfalls.
// Learn more about service workers: https://bit.ly/CRA-PWA
serviceWorker.unregister();