摘要：在react中，修改状态如果直接使用this.state，不会引起组件的重新渲染，需要通过 this.setState来对组件的属性进行修改。 1、this.setState的两种定义方式 定义初始状态 state = { count: 0 } 如果此时有一个按钮，点击按钮让计数加1，我们可以有两种 阅读全文

摘要：React的更新流程如下，我们可以有两种优化角度 1、props/state变化 >render函数变化这个阶段，减少render的执行次数 2、新旧DOM树进行diff >计算出差异进行更新，减少差异的内容 一、减少render的执行次数 1、类式组件 (1) shouldComponentUpd 阅读全文

摘要：在React中通过react-transition-group使用过渡、动画，首先要有CSS3中的过渡和动画的相关知识储备，可以参考 过渡和2D变换、动画和3d变换。 我们自己通过css设置过渡、动画，需要给不同的class添加变化属性，比如位移、缩放大小或者旋转角度，再通过切换类名来达到动画的效果 阅读全文

摘要：react中通过jsx的语法方式，将html标签和js语法联系在一起，而css的编写方式，没有明确的指定编写方式，目前就有很多不同方法，每个方式各有其优缺点，我们一起来看看常用的定义方式有哪些。 最基础也是最简单的方式就是如html当中编写样式一样，直接内联使用，区别在于jsx中内联使用样式需要用小 阅读全文

摘要：在react中，通常都是使用单页面应用(SPA)，即整个页面只有一个html，然后通过不同的url地址进行组件的匹配和切换。 我们看到的url地址可能会有两种形式，一种是 localhost:3000/home，一种是 localhost:3000/#/home，两种地址的区别在于有无#，有#的是根 阅读全文

摘要：1、什么是redux?一个组件里可能会有很多的状态，比如控制某个内容显示的flag，从后端获取的展示数据，那么这些状态可以在自己的单个页面进行管理，也可以选择别的管理方式，redux就是是一种状态管理的方式。 2、为什么要用redux?(1) 数据共享，当我们的很多页面都要用到同一数据时，就可以把数 阅读全文

摘要：1、什么是hook？react hook是react 16.8推出的方法，能够让函数式组件像类式组件一样拥有state、ref、生命周期等属性。 2、为什么要出现hook？函数式组件是全局当中一个普通函数，在非严格模式下this指向window，但是react内部开启了严格模式，此时this指向un 阅读全文