使用 React.Suspense 来实现预加载的功能，并且给出了一个例子来更好的理解这个功能的使用。也算做个记录

React 提供了自定义 Hooks 的特性，我们可以根据这个特性创建出很多有意思的功能，今天就来分享一些个人认为还不错的 Hooks，共计 15 个。 useClippy 是一个用来读取或写入粘贴板的自定义 Hook，支持 TypeScript。 useWindowSize …

在 src/App.tsx 内引用我们的案例组件，在 src/example.tsx 写我们的案例组件。 可以让函数式组件拥有状态管理特性，类似 class 组件中的 this.state 和 this.setState ，但是更加简洁，不用频繁的使用 this 。 你可以把 …

一、什么是useReducer？ useReducer是react hooks中提供的一个高级hooks，即便没有这些高级hooks，只用useState、useEffect和useContext，也

掌握 React Hooks api 将更好的帮助你在工作中使用，对 React 的掌握更上一层楼。本系列将使用大量实例代码和效果展示，非常易于初学者和复习使用。 今天我们讲讲 Context 对象和 useContext 的使用方法。 考虑这样一种场景，如果组件树结构如下，现…

函数组件的创建要注意2点：传props和return的内容用()包裹起来。 请回看React组件基础。 比起类组件，函数组件的代码量更小，代码更简洁，更简单，容易阅读。更重要的是，使用函数组件能够避免复杂的this指向的问题。 那函数组件有缺点吗？在ReactV16.8.0之前…

1.React路由使用的基本 版本 react-router-dom现在发了6.0版本，目前不稳定。 使用步骤 安装包。npm i react-router-dom@5.3.0 这个包提供了三个核心的

React17将只提供别名，取个别名的目的就是恶心你，不让你使用。 getSnapshotBeforeUpdate() 在最近一次的渲染输出被提交之前调用。也就是说，在 render 之后，即将对组件进行挂载时调用。 componentDidUpdate() 会在更新后会被立即…

forwardRef React.forwardRef字面意思理解为转发Ref，它会创建一个React组件，这个组件能够将其接受的 ref 属性转发到其组件树下的另一个组件中。其主要作用是： 1.转发