摘要：
本节介绍下React+Axios实现远程数据请求 这里注意：axios是一个独立程序，本质就是对AJAX的封装，可以和很多框架结合使用。 （1）安装依赖 >npm i axios --save （2）引入使用 建议在componentDidMount生命周期函数里进行数据请求，这里我们结合json- 阅读全文
摘要：
之前已经介绍过了React的相关生命周期，这里介绍下通过生命周期函数componentWillReceiveProps实现组件性能优化。 之前案例中的组件存在性能问题，即父组件的state更新时频繁渲染了子组件，也就是说父组件的输入框的值改动造成了子组件render的频繁触发渲染，性能上存在缺陷。 阅读全文
摘要：
综上所示，React生命周期钩子可以分为4个大阶段 1、Initialization初始化阶段 2、Mounting虚拟DOM挂载阶段 3、Updation组件更新阶段 4、Unmounting组件卸载阶段 通俗理解，就是在组件的某一时刻，自动执行的函数。从这个角度来看的话，constructor也 阅读全文
摘要：
学习react的同学肯定看过这种写法 注意这里的ref，写法为 ref = {(input)=>{this.input=input}}等价于ref = {input=>this.input=input}等价于ref = {(input)=>this.input=input} 这里主要是ES6箭头函数 阅读全文
摘要：
基本类型校验： 之前的案例中，父组件向子组件传递的数据里，并没有做数据类型校验 虽然正确传递和使用了，但是在子组件里并没有做传递数据的类型验证，也就是说，此时传递任何值都不会报错。 开发经验丰富的小伙伴都知道，当项目复杂性较大时，如果不对数据类型做校验，后期很容易出现一种错误，即“业务逻辑错误”。 阅读全文
摘要：
Facebook为了方便调试React代码，推出了React Developer Tools调试工具，方便开发者高效快速调试代码。下载方式，利用Chrome的拓展程序 添加后该图标便会放到页面右上角，该图标有几种状态，测试如下 1、打开淘宝发现图标灰色，说明淘宝没有使用react 2、打开知乎，发现 阅读全文