pyqt 获取 UI 中组件_51期：React组件的使用总结

来自黄伟圣同学的分享：《React组件的使用总结》

前言

React 通过组件化的思想，将界面拆分成一个个可以复用的模块，每一个模块就是一个 React 组件。学好如何使用组件将会是你学好 React 不可或缺的一部分。本文是我在实战中使用 React 与学习 React 时总结的一些使用 React 组件的经验，目的在于帮助大家在使用React时避开一些由于对React的相关机制理解不够深入而以为的“坑”。

1. 对 React 组件的理解

组件是一个具备UI 描述和UI 数据的完整体。
它的数据结构是类或函数，返回 React 元素。简单来说，可以把组件看成是一个函数，输入的是 props 和 state，输出的是组件的 UI(UI 描述)。

2. 创建 React 组件

组件的创建方式有两种：

• 使用 function(函数组件)(一般用于创建无状态组件)注意：目前React 16.8版本推出了React Hook，使得用function创建的组件也可以拥有自己的内部状态了。
• 使用 ES6 的 class(类组件)

2.1 通过 class 创建 React 组件

必要条件

1. class 必须继承自 React.Component
2. 内部必须定义 render 方法，并且必须返回代表该组件的 React 元素

import React extends