reactjs – 使用React的工厂模式

假设我有一个非常愚蠢的组件A.我不希望数据中的任何渲染逻辑进入这个组件.只需获取一些原始数据并显示它.

这种做法的反应方式越多?

>只创建一个沼泽标准工厂函数,给定不同的标志将创建一个具有不同道具集的新组件
>制作一个包装组件,完成所有逻辑并从数据中设置正确的道具.

我对创建包装器的恐惧是它在组件链中更加臃肿.当这感觉更像一个切线.

实际上,在React中将逻辑与表示分离是很常见的,并且被认为是最佳实践.所以解决方案2是要走的路.

你的组件A可能是一个无状态函数http://facebook.github.io/react/docs/reusable-components.html#stateless-functions,而它的父亲只有逻辑方法.

有关您的信息,此类方案也是使用redux store的默认方式,请参阅http://redux.js.org/docs/basics/UsageWithReact.html#presentational-and-container-components

相关文章

一、前言 在组件方面react和Vue一样的,核心思想玩的就是组件...
前言: 前段时间学习完react后,刚好就接到公司一个react项目...
前言: 最近收到组长通知我们项目组后面新开的项目准备统一技...
react 中的高阶组件主要是对于 hooks 之前的类组件来说的,如...
我们上一节了解了组件的更新机制,但是只是停留在表层上,例...
我们上一节了解了 react 的虚拟 dom 的格式,如何把虚拟 dom...