在澳门喝茶的芦竹

useDeferredValue-延迟state 当目前没有紧急更新时候，该值才会变成最新值，标记非紧急更新。（类似startTransion） 在一个组件中这样写，本来i...

startTransition 紧急更新：如：打字，拖拽，点击等需要立即响应的行为 过渡更新：如从一个视图到另一个视图的过渡，不需要立即响应，延迟响应可以接受。 例如在一个...

提出： 与usestate不同在于用usesatate在每次状态更新的时候渲染，然而useRef不触发重新渲染（除非在控制台打印rerender这样手动渲染），但是二者相同...

作用： 避免大量计算 配合react.memo缓存子组件传入的数组/对象 例如在下面这个例子中，虽然每次点击button的时候只用渲染下，y，x就行，但是因为这两个状态的改...

书接上回，当用react.memo包裹子组件防止不必要的渲染时候，当父组件传入的是函数时候，因为这个王子组件传入的函数是在父组件中定义的，对于父组件来说它是一个局部变量。当...

父子组件的渲染规律 因为子组件是父组件的一部分，默认父组件发生变化时候子组件也会重新渲染。 react.memo的提出 但是当子组件状态变化触发重新渲染时，父组件不会重新触...

如果在多层嵌套的父子通信时都要通过props得到并解构，还会太麻烦 所以引入useContext，想要用context需要先创建环境对象createContext cons...

redux介绍 reducer可以作为一个外部管理state库，存储吧筛选出需要用到的控制state状态的方法。比父子通信，变量提升更方便。可搭配react，vue等不同框...

Context 向组件深层传递数据 通常来说,你会通过props将信息从父组件传递到子组件。但是,如果你必须通过许多中间组件,向下传递props,或是在你应用中的许多组件需...

Reducer用途 Reducer统一的状态管理集合 对于拥有许多状态更新逻辑的组件来说,过于分散的事件处理程序可能会令人不知所措。对于这种情况,你可以将组件的所有状态更新...

useEffect用途 因为组件是一个纯函数，在项目开发中难免需要进行ajax请求，DOM操作等外部处理，这些称为副作用。而副作用的使用也分是否符合规范 第一个在计时器中定...

为什么用ref 在如下代码中，log会打印什么？ 每次点击按钮都会重新触发函数的执行，由于num并没有记忆功能，每次执行函数都会从新建作用域中找num的值，则初始值都为0，...

什么是组件的状态及useState函数 随时间变化的数据被称为状态(state),状态是可以进行数据驱动视图的,而普通变量是不行的 状态是如何改变视图的 普通变量为什么不行...

两个父子组件中可传递参数 声明一个父组件App，子组件Welcome。在两个组件中传递参数的方法： 1. 传递数字，字符串，数组等基本类型 用props挂载父组件传过来的参...

添加点击事件的方法 <div onClick={()=>{}}></div> 可以直接在div中用箭头函数的形式添加点击事件， 2. 先声明一个箭头函数再在元素中调用。 底...