hooks
6篇文章 · 0订阅
  • [React 从零实践03-后台] 自定义hooks
    1. 绑定DOM 2. 父组件调用子组件中的方法 3. 保存任意可变值，类似于class中的实例属性 4. 利用 ( useRef+setTimeout ) 可以实现修改state后，立即获取修改后的值 - 注意的是如果立即修改state后，只利用setTimeout去获取st…
    前端
  • React Hooks 从入门到放弃(一)
    使用 React Hooks 就不得不提到 React 函数组件。 从官网上的介绍来看, 组件就像 JavaScript 的函数, 它接收一些入参(props), 并返回 React 元素。 在我们最初学习使用 React 框架时, 首先了解的是通过Class书写组件, 这样可…
    React.js 前端
  • React系列-轻松学会Hooks(中)
    ❗️❗️HOC、Render Props 等基于组件组合的方案，相当于先把要复用的逻辑包装成组件，再利用组件复用机制实现逻辑复用。自然就受限于组件复用，因而出现扩展能力受限、Ref 隔断、Wrapper Hell……等问题 ❗️注意上面的代码，有个 index=0 的操作，因为…
    React.js
    React系列-轻松学会Hooks(中)
  • 用动画和实战打开 React Hooks（二）：自定义 Hook 和 useCallback
    在第二篇教程中，我们将手把手带你用自定义 Hook 重构之前的组件代码，让它变得更清晰、并且可以实现逻辑复用。在重构完成之后，我们陷入了组件“不断获取数据并重新渲染”的无限循环，这时候，useCallback 站了出来，如同定海神针一般拯救了我们的应用…… 在上一篇教程中，我们…
    React.js
    用动画和实战打开 React Hooks（二）：自定义 Hook 和 useCallback
  • 用动画和实战打开 React Hooks（一）：useState 和 useEffect
    自从 React 16.8 发布之后，它带来的 React Hooks 在前端圈引起了一场无法逆转的风暴。React Hooks 为函数式组件提供了无限的功能，解决了类组件很多的固有缺陷。这篇教程将带你快速熟悉并掌握最常用的两个 Hook：useState 和 useEffec…
    React.js
    用动画和实战打开 React Hooks（一）：useState 和 useEffect
  • 10分钟教你手写8个常用的自定义hooks
    Hook 是 React 16.8 的新增特性。它可以让你在不编写 class 的情况下使用 state 以及其他的 React 特性。本文是一篇以实战为主的文章，主要讲解实际项目中如何使用hooks以及一些最佳实践，不会一步步再介绍一遍react hooks的由来和基本使用，…
    React.js JavaScript
    10分钟教你手写8个常用的自定义hooks