javascript - React & Redux - 演示组件内的容器组件?

标签 javascript reactjs redux

我知道这可能是一个基于意见的问题,但我认为这是一个重要的问题。

简而言之,将 React 容器组件放在 React 演示组件中是一种好的做法吗?您认为将容器组件置于 React 演示组件中这种做法的优点和缺点是什么?

我认为展示组件应该是虚拟的:它们接受 Prop ,并根据它们进行行为,没有其他任何东西会影响它们。当给予某些 Prop 时,他们会表现出预期的行为,任何外部因素都不会影响他们的行为。

将容器组件放在演示组件中可能会出现什么问题?好吧,由于容器组件通常可以访问(全局)存储(在 redux 中),因此您无法简单地从演示组件的 props 中了解该组件的行为方式。因为存储会影响容器组件的行为,并且由于它包含在表现组件中,所以表现组件不再是虚拟组件。你觉得怎么样?

最佳答案

我假设您所说的演示组件指的是 ReactJS 功能组件?

如果是这样,我认为这种方法没有问题。生成的组件不会纯粹是演示性的,但它将完成定义其呈现的组件的组合的工作。

根据上下文,这可能正是您所需要的。

与尝试从演示组件开始构建应用程序相比,我更喜欢采用首先搭建大部分应用程序的方法,然后将我需要的内容重构为演示组件。

关于javascript - React & Redux - 演示组件内的容器组件?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41895363/

相关文章:

javascript - jsx 三元运算符中的多个条件

javascript - 语义ui react ,如何改变标签位置?

javascript - 使用扩展运算符更新对象的多个属性

javascript - 使用 jquery 单击时,html 中的 li 标记不显示任何操作

javascript - 在对象数组中获取重复项

c# - 将焦点设置到文本框

javascript - 混合错误 : This request has been blocked; the content must be served over HTTPS

javascript - d3.js:路径在刻度之间与轴相交

javascript - React 子组件传递了一个函数,但在运行时不显示函数。

reactjs - 我应该在商店中存储永不更改(引导)的数据吗?