React

https://www.yuque.com/tpl35i/ziqgad/so8nu7 高阶组件（简称HOC）接收React组件作为参数，并且返回一个新的React组件。 高阶组件本质上也是一个函数，并

1.props父子通信 2.回调函数，子父通信 3.变量提升，兄弟组建通信 4.Context跨组建通信 5.redux共享数据通信 Context跨组建通信 基于props做组件的跨层级数据传递是非

https://juejin.im/post/5ce0ae0c5188252f5e019c2c#heading-1 https://www.jianshu.com/p/e984206553c2 Red

ref可以指向一个dom节点或者一个类组件(class component)的实例，但是不能用于函数式组件，因为函数式组件不能实例化。 ref={ref => this.audio = ref}

https://juejin.im/post/5e37d8c7f265da3df245eb92 https://www.jianshu.com/p/b331d0e4b398 17.0新的生命周期 co

https://mp.weixin.qq.com/s/iZqV6GAi5zyX5P48hR4VLA 在以下场景中，父组件和子组件通常会重新渲染： 在同一组件或父组件中调用 setState 时。 从父

https://segmentfault.com/a/1190000016805467 有源码 setState的特点： 1.异步:react通常会集齐一批需要更新的组件，然后一次性更新来保证渲染的性

https://juejin.im/post/5a73d6435188257a6a789d0d 受控组件和非受控组件 有状态组件和无状态组件 容器组件和展示组件 受控组件的定义： 在HTML的表单元素

无论是使用函数或是类来声明一个组件，它决不能修改它自己的 props。        所有 React 组件都必须是纯函数，并禁止修改其自身 props 。        React是单项数据流，父组

https://www.jianshu.com/p/c01756e520c7 有源码 主要包含 1、事件注册 2、事件存储 3、事件执行 react并不是我之前所设想的将事件绑定在真实dom上，而是通

https://juejin.im/post/5e1b3144f265da3e4b5be2e3#heading-6 MVVM框架：VUE、Angular 双向绑定 单向绑定非常简单，就是把Model绑

不能用index作为k 经验：写多个组件组成的集合，要删除其中一个，如果是index作为k。比我我删除第一个，但是实际上删除的是最后一个，只删除了组件，而内容还在。 ​vue和react都是采用dif

https://mp.weixin.qq.com/s/MngOfrMjCUJVlRBBt9oZyg react 的 setState 的方式，导致它并不知道哪些组件变了，需要渲染整个 vdom 才行。

传统的diff算法 https://juejin.im/post/5c8e5e4951882545c109ae9c 比较完整的diff过程 经典*** 理解： 给定任意两棵树，采用先序深度优先遍历的算

https://www.jianshu.com/p/4c812465ae97 Vue组件分为全局注册和局部注册，在react中都是通过import相应组件，然后模版中引用； props是可以动态变化的

至于为什么，先看看react的生命周期： constructor() 》componentWillMount() 》render() 》componentDidMount() 上面这些方法的调用是有次

React是一个简单的javascript UI库，用于构建高效、快速的用户界面。它使用虚拟DOM来有效地操作DOM。 （它遵循从高阶组件到低阶组件的单向数据流。它是一个轻量级库，因此很受欢迎。它遵循