reactjs - 关于 recompose.pure 和 recompose.compose 函数顺序的最佳实践

Question

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

• compose(pure, anOtherHoc)(MyComp);
• compose(anOtherHoc, pure)(MyComp);

决定这个的标准是什么？

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

Answer 1

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

所以它实际上取决于 anOtherHoc - 这是一个纯组件，即只有当传递给它的 props 发生更改时才需要更新吗？

如果是，则将pure放在前面，它将包装anOtherHoc，而anOtherHoc又包装MyComp。

如果没有，则将其放在anotherHoc之后，然后MyComp将包裹pure，后者将包裹MyComp。