1. 前言 Hooks是React16.8版本中的新特性，它可以在不使用class声明的组件中使用state和React特性。 Hooks的使用完全根据我们的需要进行选择用还是不用。 Hooks是完全向下兼容。 Hooks现在完全可用，已经发布与v16.8.0。 Hooks的出…

useState是react自带的一个hook函数，它的作用就是用来声明状态变量。 第[1]项是可以改变状态值的方法函数。 使用useEffect，可以直接在函数组件内处理生命周期事件。 如果你熟悉 React class 的生命周期函数， Redux 的核心概念是，组件发出 …

有时候会出现在多个组件里面都出现重复的逻辑代码的情况，我好像遇到这种情况比较多的是在ComponentDidMount生命周期函数里面，有时候需要拿异步的数据或者其他的一些状态会在各个组件里面重复写。 函数式编程（这个算不算优点呢。。。。） 使用const [count, se…

这个例子上一篇有提到过，这里useState就是一个Hook（待会会讨论什么是Hook）。我们在函数内部调用这个Hook，给组件添加了一个内部state，在re-render的时候React会保留这个state。 useState的唯一的参数是state的初始值。这个初始值不必…

Umi是阿里的一款基于React的企业级应用框架。本文将会从3个方面介绍下基于Umi的开发方案： umi是一款可插拔的企业级react应用框架，支持约定式路由以及各种进阶路由功能，并以此进行功能扩展，拥有完善的插件体系，覆盖从源码到构建产物的每个生命周期，支持各种功能扩展和业务…

本文为react入门介绍，一些基本的概念和知识点，仅供未使用过react童鞋了解参考，若已使用过react，则此文对你可能毫无价值。 定渲染对应的 UI 界面。React 能充分利用很多函数式方法去减少冗余代码。此外，由于它本身就 是简单函数，所以易于测试。可以说，函数式编程才…

在 react-router-dom 中我们常用到的方法有：HashRouter ，BrowserRouter，Route，Link，Redirect，Switch。但是它内部是怎么实现的呢？ HashRouter 中存放着 location 与 history ，Route，…