5.2React 项目开发

文档摘要

5.2React 项目开发 5.2 React 项目开发 5.2.1 项目初始化与目录结构 React 项目通常使用 (CRA) 进行初始化，它提供了一个开箱即用的开发环境，包含必要的构建工具和配置。 CRA 创建的项目目录结构如下：一个更清晰的目录结构，可以根据项目规模和需求进行调整，推荐如下：代码实践：组件化：将 UI 拆分成独立的、可复用的组件。关注点分离：将组件的逻辑 (JavaScript)、样式 (CSS) 和模板 (JSX) 分离到不同的文件中。清晰的目录结构：易于维护和扩展。 5.2.2 组件开发 React 组件是构建 UI 的基本单元。React 有两种主要的组件类型：函数组件：使用函数定义，可以接收并返回 JSX。