React
文章平均质量分 78
RayShyy
阿巴..阿巴阿巴阿巴...
展开
-
React Hooks之useContext
React官方解释:useContext 是一个 React Hook,可以让你读取和订阅组件中的 context(React官方文档地址通俗的讲,useContext的作用就是:实现组件间的状态共享,主要应用场景是跨组件状态共享。原创 2023-09-03 22:57:22 · 976 阅读 · 0 评论 -
React Hooks之useRef详解
useRef 返回一个可变的 ref 对象,其内部只有一个 current 属性被初始化为传入的参数(initialValue)useRef 返回的 ref 对象在组件的整个生命周期内持续存在更新 current 值时并不会触发页面的重新渲染(re-render)useRef 会在每次渲染时返回同一个 ref 对象本质上,useRef 就像是可以在其 .current 属性中保存一个可变值的“盒子”。原创 2023-02-18 10:23:20 · 5461 阅读 · 1 评论 -
React Hooks之useEffect详解
在类组件中,拥有很多生命周期,在不同的阶段执行不同的生命周期函数,那么函数式组件有没有类似于类组件生命周期的Hook呢?只有函数式组件第一次渲染完毕后,才会执行callback,每一次视图更新完毕后,callback就不再执行,类似于类组件的componentDidMount。第一次点击按钮执行handleClick后:不执行callback;Demo组件第一次渲染完毕后:返回的函数没有执行;第一次点击按钮执行handle后:@3 1;Demo组件第一次渲染完毕后:@1 0;第一次点击按钮后:@1 1;原创 2023-02-14 23:17:19 · 1518 阅读 · 0 评论 -
React Hooks之useState详解
React官方简介:Hook 是 React 16.8 的新增特性。它可以让你在不编写 class 的情况下使用 state 以及其他的 React 特性。本文中讲解的useState就是React中的其中一个Hook。原创 2023-02-12 18:46:04 · 7416 阅读 · 1 评论