您现在的位置:首页 >> 绿色生活

React 之中的 5 个基本概念

时间:2025-02-21 12:26:31

在这篇Twitter中所,我们将详述 React 瓦中所的 5 个原则上步骤论。 这些步骤论将帮助你更是好地表达出来 React 及其基本。

模组

首先,我们将详述 React 的构建块及其模组。 它们举例来说记号和 JaScript 演算。 模组也可以举例来说其他模组,它们必须赶回 JSX。 JSX 有近似于 HTML 的语言,但是你可以如此一来在其中所放到括号 {} 来解决问题 JaScript。它不是 HTML,有很大和很小的区别于,类被变换为 className,你可以输入一个十分相似 onClick 本体的页面器。 因为 JSX 不是显然的 JaScript,所以我们并不需要那个瓦 webpack。 它将我们的 react 模组变换为一个叫做 bundle.js 的PDF,网页可以实际运行该PDF。

在三幅 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 举例来说所去除更是多模组。

合肥看白癜风到哪家好
杭州白癜风去哪看
北京白癜风医院哪最好
北京不孕不育医院哪好
驻马店白癜风医院哪家专业
治疗类风湿性关节炎吃啥药有效
类风湿一般是怎么引起的
消痔软膏和马应龙痔疮栓区别
祛痰止咳
视疲劳的症状
相关阅读