摘要: React.lazy() React.lazy() 允许你定义一个动态加载的组件。这有助于缩减 bundle 的体积,并延迟加载在初次渲染时未用到的组件。 React.lazy 函数能让你像渲染常规组件一样处理动态引入(的组件)。 此代码将会在组件首次渲染时,自动导入包含 OtherComponen 阅读全文
posted @ 2022-01-17 19:31 山海南坪 阅读(120) 评论(0) 推荐(0) 编辑
摘要: 宿主树 React 程序通常会输出一棵会随时间变化的树,我们称它为“宿主树”。 宿主实例 宿主树由节点组成,我们称之为“宿主实例”。 在 DOM 环境中,宿主实例就是我们通常所说的 DOM 节点 — 就像当你调用 document.createElement('div') 时获得的对象。 渲染器 渲 阅读全文
posted @ 2022-01-17 16:12 山海南坪 阅读(36) 评论(0) 推荐(0) 编辑
摘要: 使用Context和hook做状态管理 学习过 React Hook,就会知道自定义 Hook 可以封装状态管理逻辑,并达到复用、共享的效果。 现在我们有一个计时器🌰 import React, { useState } from 'react'; import { render } from ' 阅读全文
posted @ 2022-01-17 16:11 山海南坪 阅读(352) 评论(0) 推荐(0) 编辑