3

我想用 recompose.pure 和其他 hoc 组合(重组)一个 React 组件。
我应该按什么顺序执行此操作?

  • 撰写(纯,anOtherHoc)(MyComp);
  • 撰写(anOtherHoc,纯)(MyComp);

决定这个的标准是什么?

import { compose, pure } from "recompose";
const MyComp = ({}) => (<div>test</div>);
export default compose(pure, anOtherHoc)(MyComp);
4

1 回答 1

3

传递给 compose 函数的每个参数都会围绕您要增强的组件创建另一个包装器。

所以它真的取决于anOtherHoc- 这是一个纯组件,即它是否只需要在传递给它的道具发生变化时更新?

如果是,pure先放,它会 wrap anOtherHoc,然后 wrap MyComp

如果没有,把它放在 之后anotherHoc,然后MyComp将 wrap pure,它将 wrap MyComp

于 2017-10-27T14:12:44.673 回答