React/高阶组件

受控组件

在 HTML 中，表单元素（如<input>、 <textarea> 和 <select>）之类的表单元素通常自己维护 state，并根据用户输入进行更新。但是在react中，组件的状态都是放在state中维护的，所以受控组件指的是，受react内部状态（state）控制的组件(表单元素)，表单的值改变则state值也改变，受控组件必须要搭配onchange方法（并没有vue的数据双向绑定）。

高阶函数

高阶函数是一个接收函数作为参数或将函数作为输出返回的函数。

 

高阶组件

高阶组件是参数为组件，返回值为新组件的函数。

组件是将 props 转换为 UI，而高阶组件是将组件转换为另一个组件。

HOC 不会修改传入的组件，也不会使用继承来复制其行为。相反，HOC 通过将组件包装在容器组件中来组成新组件。HOC 是纯函数，没有副作用。