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 - 这是一个纯组件，即它是否只需要在传递给它的道具发生变化时更新？

如果是，则将pure放在首位，它会包裹anOtherHoc，然后包裹MyComp。

如果不是，把它放在anotherHoc之后，然后MyComp将包裹pure，这将包裹MyComp。