摘要:
React 的工作原理 React 会创建一个虚拟 DOM(virtual DOM)。当一个组件中的状态改变时,React 首先会通过 "diffing" 算法来标记虚拟 DOM 中的改变,第二步是调节(reconciliation),会用 diff 的结果来更新 DOM。 讲讲什么是 JSX ? 阅读全文
摘要:
Transition 使用姿势 Transition 是 react18 引入的新概念,用来区分紧急和非紧急的更新。 紧急的更新,指的是一些直接的用户交互,如输入、点击等; 非紧急的更新,指的是 UI 界面从一个样子过渡到另一个样子; react 官方的 demo 如下: import {start 阅读全文
摘要:
React 高阶组件、Render props、hooks 有什么区别,为什么要不断迭代 这三者是目前react解决代码复用的主要方式: 高阶组件(HOC)是 React 中用于复用组件逻辑的一种高级技巧。HOC 自身不是 React API 的一部分,它是一种基于 React 的组合特性而形成的设 阅读全文
摘要:
一、父组件通过 Ref 调用子组件中的方法 这里同时演示使用函数组件和类组件的父子组件如何编写 子组件 React.forwardRef React.useImperativeHandle public、private、protected /** * 声明一个 function component 阅读全文