高阶组件 HOC

最新推荐文章于 2024-07-08 21:05:31 发布

weixin_30781107

最新推荐文章于 2024-07-08 21:05:31 发布

阅读量113

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/shangyueyue/p/10607784.html

版权

一、

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

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

转载于:https://www.cnblogs.com/shangyueyue/p/10607784.html