1⃣ 模块与组件和模块化与组件化的理解

1.1.1. 模块

• 理解: 向外提供特定功能的js程序, 一般就是一个js文件
• 为什么: js代码更多更复杂
• 作用: 复用js, 简化js的编写, 提高js运行效率

1.1.2. 组件

• 理解: 用来实现特定(局部)功能效果的代码集合(html/css/js)
• 为什么: 一个界面的功能更复杂
• 作用: 复用编码, 简化项目编码, 提高运行效率

1.1.3. 模块化

当应用的js都以模块来编写的, 这个应用就是一个模块化的应用

1.1.4. 组件化

当应用是以多组件的方式实现, 这个应用就是一个组件化的应用

2⃣　React两种组件模式

1.函数式组件

<aside> 🔥 它是一个由函数定义的组件 而不是一个函数

</aside>

代码：