react

React的生命周期分为两种情况，一种是16.3版本前的，还有一种是16.3版本后的，本着早写晚写都要写的原则，今天先写一下16.3版本前的版本，也就是网络上很流行的那张网图的版本： 第一种生命周期

refs是React中用来取得某个JSX组件或者某个DOM中的一些状态值的时候，用来获取节点的方法。在React官方的解释中，它的适用范围如下：React文档中再三强调，请不要过度使用refs，所以当

上期讲了state，接下来讲讲props。props功能在于组件间通信（父子组件），首先说说在各种组件中的用法：类组件函数组件在函数组件中，props只需要传一个值就好了，非常方便在React文档中，

React中很多地方需要用到数据，这在React中被叫做状态，我们需要一个专门管理状态的方法，于是state相关的就诞生了。state应该被要求有两个基本功能，一，能够存储一定的值，从而能被react使用，二，能够再它改变的时候被React监听到并且重新渲染。这里分别介绍一下在…

参数：useEffect需要你传入一个回调函数，一个用于监听的数据。最后，你有时候需要在第一个回调函数中写一个return,传入一个回调函数,用在组件被销毁的时候使用, 参数：它需要两个或者三个参数，第一个一般固定式reducer，也就是对传入的值进行各种操作的地方。第二个是要…

这是react的一个库，常常用来做页面跳转，实现spa应用的功能。 就是常说的单页应用，简单来说，页面只有一个完整的页面，当用户点击页面中的链接导致url变化的时候，页面不发生跳转，而是通过和虚拟dom的对比将页面的部分变化的区域重新渲染，常常和ajax连用获得数据。 在v3版…

前文说到，纯粹的Redux操作并不是很方便，于是react专门出了一个react-redux库来管理这个问题。来看看他的示意图： react-redux库有效的将react组件和redux结合了起来，它的思想是套一个容器，用容器进行对redux的交互，而真正的react ui …

总结一下Redux。 Redux 是 JavaScript 状态容器，提供可预测化的状态管理。说人话就是对应大型项目中数据使用情况比较复杂的时候，用来做数据的分享和使用的。他将所有数据也就是所说的状态存储在一个对象上，从而方便我们统一管理。 对store对象进行修改的方法，只有…

上面的代码中，render必须写上，而在render中必须写上return，return的返回值只能传一个根元素，所以对应如果有两个以上元素，可以用<div></div>或者<></>包裹。 render用于将生产的虚拟DOM进行渲染，从…

我将我关于React的文章归好类别，在这里做一个小目录，方便自己的查阅如何引入,这样的话以后所有React文章都从这里找就好了