React笔记

React 作为一个前端框架有几个核心技术: 响应式、UI 虚拟、DOM 组件等等，一下是个人学习笔记。

子组件想要调用父组件的方法，父组件需先将事件传入父组件，并且把this也传过去确保子组件可以调用。子组件想要调用父组件的方法，父组件需先将事件传入父组件，并且把this也传过去确保子组件可以调用。

React为单向数据流，只允许父组件给子组件传值，不允许修改父组件的值。

在子组件接受父组件传递的值的时候，React支持子组件对来的数据做限制以及添加默认值。

当state或props发生改变的时候，render函数就会重新执行，所以每当数据更新的时候，页面都会同步变化。 React限制setState的频率。 diff算法是虚拟dom向比对用到的算法，React虚拟dom比对规则为同级向比较，先比较第一层，如果不一样，则停止比较直接…

这里直接使用this.ul就可以了，但是不推荐使用ref去更改DOM，会出现很多问提，用数据去操作视图。

在组件挂载到DOM前调用，且只会被调用一次，在这边调用this.setState不会引起组件重新渲染，也可以把写在这边的内容提前到constructor()中，所以项目中很少用。 在组件被更新之前执行，组件即将要更新，但是还没有更新，前提是shouldComponentUpda…

React用于给元素加动画，其原理就是动态的给元素加上Class，从而加上动画。 应用'enter'或'appear'类后立即触发回调。 一个回调“输入激活状态”或“显示激活状态”类应用后，立即解雇。 删除 'enter'或'appear'类后立即触发的回调，并将该类添加到DO…

React-Redux是Redux的官方React绑定库。它能够使你的React组件从Redux store中读取数据，并且向store分发actions以更新数据 首先是Store，它是数据存取的中间点，想要存或者取数据必须经过他，可以把他想象成一个图书馆前台，而Reduce…

Redux-thunk就是把store里的dispatch方法升级，在引入Redux-thunk之前dispatch方法只能接受对象，使用之后可以接受一个函数。dispatch会自动判断传入得是对象还是函数，如果是函数，会自动执行。 在actionCrrators可以定义一个函…

。

React-Redux是React发布的组件，作用是方便组件去存取store里的数据。 这个库是可以选用的。实际项目中，你应该权衡一下，是直接使用 Redux，还是使用 React-Redux。后者虽然提供了便利，但是需要掌握额外的 API，并且要遵守它的组件拆分规范。 Rea…

React推荐使用styled-components可以使元素的样式只对当前元素生效。