关于使用recompose.pure和recompose.compose的操作顺序的最佳实践

Question

我想用recompose.pure和其他特别的方法来编写(重新组合)一个React组件。

我该按什么顺序做这个？

• 组成(纯，anOtherHoc)(MyComp)；
• 组成(anOtherHoc，纯)(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。