React中文网中有一个用class写就的时钟例子https://react.docschina.org/docs/state-and-lifecycle.html， 现在React又推出了新的hook api,便顺手用hook改写了一下这个例子： ...

React Hook是React16.8.0引入的。使可以在不引入class的情况下，可以使用state和其他React特性。 hooks本质上是一些函数。 1. 为什么引入Hook? 1. hooks中的useEffect可以解决class中各逻辑在生命周期函数中管理混乱的问题 ...

目录 基本概念 State Hook 函数式更新 Effect Hook 性能优化 Hook 规则 自定义 Hook 基本概念 Hook 是能让你在函数组件中“钩入” React 特性的函数 ...

最近因为使用列表展示的需求有点多，就想着把列表分页筛选的逻辑抽象一下。看了umi的一个useTable的hook，也不能满足业务需要，于是就自己写了一个，支持本地分页筛选和接口分页筛选。 思路就是，筛选的字段都使用form表单控制，然后在hook里面将form和table联合起来。 下面 ...

写一个用hook封装的点击按钮排序，请求数据的小组件。 实现操作效果：点击第一下升序，第二下降序、第三下取消排序。点击箭头下，升序。点击箭头上，降序。（可以自行更改） 作用是使这个排序在页面上许多地方能复用，少些重复代码，并且看起来更具组件化。ps如果用的不过就一个地方的话还是算了，感觉更复杂 ...

本文是在阅读学习了官方的React Tutorial之后的整理，一个静态的评论区组件。 所以内容，和React官网一模一样，可查看官网源代码。 开始使用React 首先从官方获取React.js， 你的第一个组件 React 中都是关于模块化、可组装的组件。以我们的评论框 ...

今天学了一点react，挺好玩的哈哈，分享一下demo 1.环境搭建 （1）首先进入node.js官网，下载nods.js后安装，安装成功后会自带安装npm，接下来验证是否安装成功，在cmd中输入node -v和npm -v后若输出版本号及证明安装 ...

React Hook 是 v16.8 的新功能，自诞生以来，受到广泛的好评，在 React 版本更新中具有里程碑的意义。现在都2020年了，再不上车 React Hook 就真的 out 了... Hook 动机 本着“存在即合理”的原则，我们先来康康 Hook 为我们解决了哪些问题 ...