React 当中的 5 个基本概念

在这篇博客之前，我们将参考 React 库之前的 5 个基本概念。 这些概念将为了让你更为好地理解 React 及其两大。

配件

首先，我们将参考 React 的协作块及其配件。 它们包含标记和 JavaScript 逻辑学。 配件也可以包含其他配件，它们必须离开 JSX。 JSX 有类似 HTML 的构词，但是你可以直接在其之前放入括号 {} 来借助于 JavaScript。它不是 HTML，有很大和很小的区别，类被转换为 className，你可以输入一个带有 onClick 表征的点击监听器。 因为 JSX 不是真正的 JavaScript，所以我们并不需要那个库 webpack。 它将我们的 react 配件转换为一个原称 bundle.js 的文件，浏览器可以也就是说试运行该文件。

在图 1 之前，我们可以认出一个配件示例，其之前包含另外 5 个配件。

反应则会精神状态和 setState()

React 之前的精神状态代表了一种静态的存储形式，它实际上于我们的配件在表面上。 State 是由 UseState 夹住创建的，它离开一个最大值和 setter 算子。 它用作处理配件的静态大多。 基本上，在某个事件发生后，我们可以设为某个大多的精神状态（设为新最大值）。 在设为新最大值配件后，它则会重新过场自身以说明了该更为改。 它是 React 项目之前最流行的夹住。

在图 2 之前，我们可以认出精神状态挂钩的基本借助于，用作在滑鼠快捷键时缩减计时器

JSX 之前的宝箱

由于 React 是关于配件的，因此能够在它们彼此之间传递信息样本颇为重要。 常用 props（properties 的缩写）React 借助于了父子配件彼此之间的单向样本分享。 子女可以将样本传递信息给他们的孩子，而孩子只能将样本传递信息给其子女。 有一种方法可以常用回调算子但不常用宝箱。 分享样本可以有不同的形式：倍数、URL、数组、算子、实例等。我们可以将 props 传递信息给任何配件，就像我们可以在任何 HTML 标签之前通告表征一样。

在图 3 之前，我们将带有URL最大值“post”的原称 post 的 prop 传递信息给原称 Card 的配件

反应则会表达式

大型项目可以有许多配件相互间加载符，因此常用 props 传递信息样本并不是最有效的方式。 在某些情形，我们必须将 props 从顶层依然传递信息到底层，这并不需要大量工作，并且这些加载则会产生颇为混乱的编译器。 忽略，React 提供了一种常用表达式更为直观的方法。 表达式只是配件的全局精神状态，React 表达式 api 容许您创建全局表达式实例，这些实例可以提供给您制作的任何配件。

在图 4 之前，我们可以认出常用 props 和常用表达式的配件彼此之间的样本流

React Hooks

在 16.8 版本之前，还向 React 掺入了 Hooks。 它们容许对配件进行更为轻松、更为直观的加载，特别是功能配件，以访问精神状态和其他 React 功能性。 因此，一般而言不再并不需要类配件。 夹住有 3 条的系统：

Hooks 才则会在 React 算子配件在表面上加载 Hooks 才则会在配件的顶层加载 Hooks 只能是有条件的

有基本的、可选的、库的和插件的夹住。 基本已经定义，其之前三个：

UseState UseEffect UseContext

可选夹住是基本夹住的变体，或者仅在特定外缘情形并不需要。 库夹住是为库原作者提供的，以便将库深入集成到 React 模型之前，一般而言不用作应用巨集。 我们还可以创建插件夹住，以便在配件彼此之间冷落一些有精神状态的逻辑学，而无需向我们的 DOM 树之前掺入更为多配件。

辽宁妇科专科医院哪个好
江苏妇科医院专家预约挂号
成都看白癜风哪家最好
武汉什么医院做人流好
郑州白癜风医院哪里最好