React组件有哪些最佳实践？

本文共计1791个文字，预计阅读时间需要8分钟。

在React中，我们可以这样认为组件：我们的项目就是基于组件的。Class是类组件，Function则是函数式组件。本章我们一起来细细玩懂React的组件。资料部分搜集了源网络。

在react中，我们可以这样认为一切皆组件。我们的项目就是基于组件。class 是类组件，function 则为函数式组件。本章我们就一起来仔仔细细的玩懂React的组件。资料部分搜集来源网络，如有侵权请联系我进行删除！

目录

​​一：什么是组件​​

​​二：React的组件​​

​​1. 类组件（Class 组件）​​

​​2. 函数组件​​

​​关于类组件​​

​​说到这里突然有个问题与大家探讨​​

​​关于函数组件​​

​​两者直接的区别是什么呢？​​

​​组件之间的通讯​​

​​组件之间的强化​​

---

一：什么是组件

用官方文档的话来说，组件是允许你将UI拆分为独立可复用的代码片段，并对每个片段进行独立构思。也就是说，组件，从概念上类似于 JavaScript 函数。它接受任意的入参（即 “props”），并返回用于描述页面展示内容的 React 元素。

例如上面图片中的代码，组件中拥有自己的状态，属性，也可能拥有方法等。