高阶组件 HOC

一、

A higher-order component (HOC) is an advanced technique in React for reusing component logic.

a higher-order component is a function that takes a component and returns a new component.

use composition

 

二、

compose vs decorators

 

三、

When you apply a HOC to a component, though, the original component is wrapped with a container component. That means the new component does not have any of the static methods of the original component.

import hoistNonReactStatic from 'hoist-non-react-statics';
function enhance(WrappedComponent) {
  class Enhance extends React.Component {/*...*/}
  hoistNonReactStatic(Enhance, WrappedComponent);
  return Enhance;
}

 

react Hoc 组建

1.connect

react-redux

2.react-sortable

拖拽

3.recompact

通过使用此库提供的高阶组件，可以方便地让列表元素可拖动。