2、React应用开发入门：从基础文件到状态管理

React应用开发入门：从基础文件到状态管理

1. React应用文件结构分析

在浏览器中访问 http://localhost:3000 ，我们可以看到使用 create-react-app 命令创建的 “reactapp” 应用。该应用基于 React 构建，位于 “reactapp” 目录下。下面我们来分析一下应用目录中的主要文件和目录。

应用的主要文件分布在两个重要目录：
- public 目录 ：包含 index.html 文件，这是应用的入口 HTML 文件。
- src 目录 ：包含 index.js 和 App.js 等主要文件。
- index.js ：在显示 index.html 页面时首先加载的文件。
- App.js ：代表应用的全局组件 App ，该文件由 index.js 加载。

下面是这些文件的具体内容：

1.1 index.js 文件内容

import React from 'react';
import ReactDOM from 'react-dom/client';
import './ind