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 举例来说所去除更是多模组。
合肥看白癜风到哪家好杭州白癜风去哪看
北京白癜风医院哪最好
北京不孕不育医院哪好
驻马店白癜风医院哪家专业
治疗类风湿性关节炎吃啥药有效
类风湿一般是怎么引起的
消痔软膏和马应龙痔疮栓区别
祛痰止咳
视疲劳的症状
- .顶奢钟表品牌MRISSTIME(美瑞时)将发售1万款NFT
- .的妆容看着老了不少,感觉脸蛋油腻了很多,但衣品仍很好
- .厉害!男子用废料做微型家具 最小茶杯只能3毫米
- .9件厨房好物推荐:明明不起眼的小东西,用处却非常大,真的值得买
- .宽骨架跟马思纯学穿衣,纹裙秀出纤细腰身,长腿优势还挺突出
- .今年广为流传的法式“大衣”穿搭,简约大气,尽显优雅和浪漫气息
- .很会穿衣的日本女人,春天这5款单品使用率高,夙气质又体面
- .春季的“日系”通勤搭配:简约干练不复杂,看上去时髦又高级
- .张天爱身材好就是敢穿,蓝色皮质套装裙时尚洋气,小腰、渡鸦抢镜
- .宋佳不愧是“御姐型”,白衬牛仔裙时髦火辣,诠释女孩新风采
- .对时装冲突美学的全新塑造出 Givenchy 全新 2022 春夏系列前瞻
- .AMBUSH® FW22 第三部前瞻
- .辣目贾斯汀真的好自信,黑色背带裤配羊毛卷,复古还高级,超显气质
- .邓紫棋终于找对了穿搭方向,个性印花长裙配卷发善良甜美,超减龄
- .为什么聪明人连房间都不买衣柜了?现在都流行这样设计,美观又实用!
- .大牌床品清仓才一百多块?!果然换季时期处处有精彩啊!
- .张碧晨生图有些显老,裁剪连衣裙挺显气质,看着成雅,超大气
- .护发素是正常人税吗,千万别陷入护发误区
- .46岁陆毅新剧开机,脸垮发肿,体格发福变油腻大叔,被嘲认不出…
- .蓝鱼科技,惊艳山西——蓝鱼品牌在嘉贝20周年庆典上盛大释出