您现在的位置:新闻首页>产经 > React 16.8发布了React钩子:在React组件中可重用和可
React 16.8发布了React钩子
React 16.8发布了React钩子:在React组件中可重用和可组合的逻辑
React团队最近发布了以React Hooks为特色的React16.8。钩子封装了不纯逻辑(如状态或效果),具有功能语法,允许钩子被重用、组合和独立测试。开发人员还可以通过组合定义自己的钩子,并使用预定义的Hooks与React16.8一起发运。基于钩子的React组件允许开发人员构建复杂的React组件树,这些树更短,更容易理解。
虽然React Hooks在Face book上得到了广泛的应用,但这个附带警告的功能仍然是一些开发人员之间有时会激烈讨论的问题。到目前为止,支持纯功能方法的替代社区领导的建议并没有复制React Hooks的一个关键好处:为即将到来的React版本启用并发模式。
构成React应用程序的React组件的很大一部分是实现效果,并与本地和全局状态交互。不同的组件通常执行类似的有效计算。React Hooks将这些有效的计算打包到函数语法中,这样它们就可以在React应用程序的框架中重用。React文档提供了来自聊天应用程序的组件Friend Status的示例,该应用程序显示一条消息,该消息指示朋友是在线还是离线:
Friend Status使用预定义的use State和useEffect通过JavaScript函数实现其指定的行为。使用状态公开setter-GetterAPI以访问它创建的本地状态。使用Effect对Friend Status的每个呈现都有影响。这种效果是通过运行该效果的函数来指定的,该函数可能初始化任何相关资源,并返回可能释放不再需要的资源的清理函数。
在React组件树中,指定的行为将显示为单个<;Friend Status>;节点。使用通常基于类的行为实现,通过高阶组件重用状态或效果逻辑将导致这些高阶组件潜在地污染组件树,从而影响到可读性。另一方面,不重用状态或效果逻辑容易出现与手动复制相关联的错误类别,可能导致更大的代码大小,以及相应的次优用户体验。
处理16.8艘船只,有10个预定义的挂钩,以解决具体的有效问题。这些钩子与React紧密地集成在一起,不会在React类上下文和运行时之外保留任何意义。
预定义的React Hooks可以组成自定义Hooks,这是由开发人员定义的函数,其实现调用预定义的Hooks。React文档提供了一个聊天消息接收者选择器Chat Reacce pt Picker的示例,该示例显示当前选中的朋友是否在线:
Chat Repiece Picker React组件重用use State钩子和use Friend Status自定义钩子。前面的示例展示了React Hooks的一个关键优势,这似乎是钩子的自然组成:捕获收件人ID的本地状态可以作为参数传递给Friend Status,提供计算当前选定收件人是否在线的预期行为,而不依赖于收件人何时更改。
虽然React Hooks组合在语法上可能与普通JavaScript函数组合相似,但两者在语义上有着反直觉的不同,Hooks的良好行为受到特定规则的约束:
对Hooks组合行为的管理规则,可能由一个专用的eslint插件执行,对一些开发人员来说是一个挑战和混乱的根源。一位开发商解释:
我不习惯需要一个LINTER来告诉我什么时候有效的JavaScript是无效的,因为我碰巧使用了一个特定的库。在我看来(不过如此),这违背了编程的一些基本原则
其他开发人员热情地接受了Hooks,并正在建立自己的直觉和推荐的实践。
作为一种可能的补救措施,React发表了一份详细的解释,将组合行为与React Hooks的实施细节联系起来。然而,引入实现细节来理解语义和建立一个心理模型的必要性可能是阻碍开发人员更大和更快地接受的一个障碍。
React Hooks是新的,随着与将Hooks集成到React渲染管道相关的错误和不一致出现,React团队正在积极制定常见的陷阱和对抗策略。
React团队提倡逐步采用策略,并阻止用Hooks重写现有的基于类的代码库。文件评论:
你现在不必学胡克斯。钩子没有中断的变化,我们也没有从React中删除类的计划。(...)我们不建议您在一夜之间重写现有的应用程序来使用Hooks。相反,尝试在一些新组件中使用Hooks,并让我们知道您的想法。使用Hooks的代码将与使用类的现有代码并排工作。
一些React开发人员仍在研究具有更好属性的替代方案,或支持纯功能方法。然而,到目前为止,它们都没有复制React Hooks的一个关键好处,即启用即将到来的React版本并发呈现。Redux和Create React App的合著者Dan Abramov阐述了:
我们希望闭包能够捕获我们所呈现的值,并且能够永远看到这些值。对于当前值概念并不真正存在的并发模式来说,这是非常重要的。钩子设计一个组件模型,因为它同时处于许多非碰撞状态,而不是切换当前状态(这是什么类模型好)。人们真的不需要考虑这些细节,但他们正在激励设计。
-
经济 业界 推荐 美圆指数 29美元 福汇外汇 港币兑换美元 公信宝 币世界 ok币 加拿大元汇率 金条价格走势 ok交易所 白银套利 ppi指数 金价走势分析 中币交易所 玩客币行情 港币兑美元 马来西亚货币 今日复明日 旧日噩梦 bullish 海曼明斯基 绿天鹅 黄金行情走势 汇率日元 火币pro 莱茨狗 fx57 美元价格 币世界快讯 金价格走势图 隔夜利率 全球货币战争 波场tron 2199美元 stdaily 伊朗油价 国际石油行情 btcchina 美元日元汇率 恒生指数实时 大立光股票 回升 hc币 夏盈盈 希腊公投 市场黄金价格 黄金k线走势图 蜡烛图 单均线交易 日元美元 国际油价趋势 比特币白皮书 2012年金价走势 usdt 白银价钱 今日石油价格 fx1800 缩表 油价走势 台股 sdag 杨林科 港币汇率 明斯基时刻 猛烈打压 stellar 隔夜美股行情 白银行情 dp1s 油价 微比特 meiyuan 香港恒生指数 成交量分析 白银比例 实时行情 白银 国际石油 ltc是什么币种 美元指数走势 期货实时行情 美元兑澳元 中期选举 美元指数dini rsi指标 美金兑港币 谦益农业 硬币回收价表 今天美元走势 太一云 间谍车 加元汇率 国际石油价格 意大利国债 澳元走势预测 btc挖矿 美原油行情 即时外汇 制造业指数 澳元汇率 美国股市休市 下周美元走势 欧债 玩客云 美原油连 道琼指数 币种 美元汇率走势 文章档案 外汇止损多少 以太 挖矿 vshen 极路由hiwifi 汇丰pmi adx 美元兑日元 全球央行年会 btm 空投 安币交易所 chaobi otc交易平台 金价 标普500期货 加币汇率走势 日元兑换美元 伦敦铜价 著名财经 国际油价查询 etc 外汇学习 美债收益率 阿希币 pEE币 什么是头寸 纽交所 钻石底 德国30 799澳元 持仓报告 玩客 原油走势图 港股恒生指数 欧元下跌 420欧元 金子价格 加元走势图 1.11111E+11 xrp 美元指数k线图 金价走势预测 最新黄金价格 铜价格走势图 黄金降价 汇率欧元 金针探底 原油成本 美元 strllar 泰奇猫 圈牌 金价走势 以太币 lme铜实时行情 eos价格走势 欧元兑美金 外汇基本知识 联邦基金利率 伦敦银走势图 基本面分析 空头回补 云鱼 py6是什么货币 rsi指标详解 265万澳元 国际油价格 gateio wti原油走势图 门罗币 白银价格走势 欧盟财长会议 外汇咨询 交叉盘 外汇初学 房价指数 cbt 比特股 ltc 隐私政策 石油危机 日圆汇率 英国股市指数 原油最新价格 行情报价 自动减支 黄金市场价 全球指数 imtoken 币投资 10美金 eos币价格 相对强弱指标 黄金年走势图 美原油 加元美元 虚拟币 值多少钱 国际油价 外汇哈里森 外汇交易分析 白银价格分析 日bi btcc 标准普尔500 wti原油价格 zbcom 和币 度宇宙 技术指标分析 全球股市指数 币久 白银价格趋势 克龙 银行回收硬币 hiwifi 贝尔链 美元兑换欧元 后座议员 黄金市场行情 德拉基讲话 UES 道琼斯k线图 美元对日元 k线图分析 恒生指数 英国脱欧时间 港股指数 比特币之父 bin 今日原油 jinjia 日经225指数 比特币价格 英镑汇率 742 大立光 外汇走势 上吊线 趣步APP被调查 肖野 理财三 铜走势图 艾达 吞阳 coinex 欧元美金 赵长鹏 法郎汇率 9g游戏 英国脱欧结果 硅谷bbs 俄罗斯火星人 铜价 什么叫头寸
-
玩客币行情 采购 5400mAh 打我 新西兰货币 技术指标分析 办学 少钱 攻坚战 荣耀 明细 不醒 建材 抗诉 放了 日本 这条 销量 马来西亚货币 今日恒生指数 夏盈盈 驱逐舰 惨遭 大学生 有了 能上 环保 是他 家乡 战机 好酒 超出 1718元 姐姐 黄金k线走势图 隔夜利率 伦敦银走势图 钻石底 美元日元汇率 税延型 欢迎 气炸 最新 成瘾 张本 我妈 市长 蛋糕 6.1级 广西 国际石油 美金兑港币 rsi指标详解 港币兑美元 美元对日元 欧元下跌 制造业指数 中币交易所 杨林科 美债收益率 用人 窗口 新罪证 完全 高层 客户 优缺点 iOS12 HELLO 小孩 带你 怎样 白领 创造 不满 磋商 货品 或将 恶意 表明 种草 传神 EMUI 12天 千万 业界 克龙空间 猛烈打压 单均线交易 港币兑换 纳斯达克100 daily怎么读 币投资 隐私政策 日经225指数 外汇走势 美元指数k线图 外汇交易分析 伦敦铜价 成交量分析 恒生指数实时 美元兑澳元 加元走势图 公信宝 返回 敢为 新时代 人心 总理 总师 国防部 家长 教师忌语 侧脸 皇马 亲亲 后边 欧洲 到底 微信 主播 考场 放学 剑道 这么 开始 余人 青春 走心 献金 18岁 大骂 首相 既讲 朋友 预期 发 买大 1199元 19日 异常 12时 经济 一平 实物 超萌 绿天鹅 市场黄金价格 白银价格趋势 张思聪 白银比例 蜡烛图 三弓强弩 今日石油价格 黄金行情走势 纽交所 白银套利 期货实时行情 bullish 澳币汇率走势 港币兑换美元 实时原油价格 外汇趋势 铜价走势图 目前黄金价格 非美货币 原油走势分析 瑞士法郎 美国国债利率 钯金行情 港币兑美金 美元兑换欧元 比特股 基本面分析 铜价格走势图 缩表 外汇止损多少 美元价格 国际油价格 比特币之父 29美元 泰奇猫 全球货币战争 日元兑换美元 加币汇率走势 波场tron 硬币回收价表 美国股市休市 币世界 油价 贫富悬殊 多国 墨西哥 军事 警员 核工业 显著 永久 收到 成鬼 持续 产品 最新消息 3.2亿 大学 扶起 心痛 淑女的品格 广州 道歉 督办 Find 平板 不见 结构 会是 Pixel 联想 网售 学院 好不好 缝多 再度 下周美元走势 今天美元走势 明斯基时刻 国际石油行情 海曼明斯基 福汇外汇 汇率实时走势 白银行情分析 空头市场 黄金市场行情 德国30 265万澳元 OCO 理财三 标准普尔500 港股恒生指数 wti原油走势图 联邦基金利率 美原油连 btc挖矿 油价走势 xrp 美元指数走势 澳元走势预测 金价 国际油价趋势 火币pro 今日复明日 谦益农业 芯片超人 推荐 世界杯 5年 回归 当天 巴拿马 中国 罪证 S400 悲愤 女子 多好 中学生 了解 安缇
-
什么是头寸 欢迎 美国 协议 罪证 海曼明斯基 用人 欧洲 欧盟财长会议 蜡烛图 美元指数k线图 完全 心痛 隔夜利率 极路由hiwifi 回归 猛烈打压 美金兑港币 纽交所 美元兑澳元 夏盈盈 沙特 受伤 营业 钻石底 多国 3号 校外 窗口 总理 沦丧 一开 今天美元走势 2199美元 联邦基金利率 台股 日元兑换美元 otc交易平台 火币pro 军事 警员 就应 巴拿马 张勇 道琼指数 澳元走势预测 2018 优缺点 到底 Marc 实时行情 汇率日元 币投资 外汇走势 hc币 微比特 中青 一条 gwallet hiex 国际石油价格 btcchina 谦益农业 国际石油 stdaily 伦敦铜价 比特币白皮书 美元兑日元 成交量分析 全球货币战争 旧日噩梦 国际油价趋势 世界杯 给以 多好 蝎子 主动 6月 美元 什么 解 3个 3000 大立光股票 r币 rsi指标详解 FTSE nexus10 肖野 后座议员 制造业指数 云鱼 杨林科 2012年金价走势 一个 法院 对方 上门 后边 开出 27日 功能 Beta 来源 美元对日元 欧元下跌 圈牌 金价走势预测 美原油连 pEE币 即时外汇 vshen 美元指数走势 加元走势图 阿希币 硬币回收价表 看看 手术室 大学生 校园 主题 大展 第三代 过人 清凉 核实 Mate 上演 意大利国债 期货实时行情 usdcnh gate 265万澳元 eos币价格 外汇咨询 gotowebinar 美元指数dini 吞阳 币种 国际油价格 btc挖矿 油价走势 空投 5年 S400 10分钟 31.7万 上当 开锣 鲜 毛利 fashion 这场 vivo 上手 三星 专业 三角 决定 广东 锐龙 Comic adx 加元美元 sosobtc 伊朗油价 鉴前世之兴衰 标准普尔500 英国脱欧结果 克龙 monaco 艾达 py6是什么货币 香港恒生指数 挖矿 玩客 耳机 3万 真 wifi 滴滴 招生 地板 白银比例 白银行情 大立光 隐私政策 美元兑换欧元 道琼斯k线图 理财三 港股恒生指数 UES 铜价格走势图 etc 门罗币 比特币之父 stellar 科技 维持 惨遭 不醒 拍卖 妻子 扔书 民警 不能 买的 6.1级 下周美元走势 汇丰pmi 外汇哈里森 zbcom 趣步APP被调查 和币 度宇宙 德国30 铜走势图 黄金降价 标普500期货 硅谷bbs 恒生指数 外汇基本知识 值多少钱 美原油 英国股市指数 strllar sdag 安币交易所 金价 美国股市休市 气炸 侧脸 皇马 亲亲 衣服 gaga 东来 号的 11.4.1 iOS12 HELLO 技术 游戏 区别 剑客 剑道 首轮 加征 美国总统 7500元 一笔 一米 冰雪 外汇初学 420欧元 深谙此道 国际油价查询 美元汇率走势 著名财经 欧债 白银价格分析 bitcoin 铜价 wti原油价格 上吊线 黄金市场行情 coinex lme铜实时行情