首页 > 解决方案 > 带有 react-redux 的摘要页面:容器或展示组件

问题描述

我正在使用 react 和 redux 为市场中的商家活动构建一个摘要页面。

该应用程序已经有一个结构,其中有一个“MerchantContianer”,它从服务器获取数据并创建商家列表和其他数据呈现,所有这些都使用“Merchant”组件(无状态)呈现。还有一个“ReviewsContainer”,它从服务器获取数据并使用“Review”组件(无状态)呈现它。

MerchantContainer 和 ReviewsContainer 都在使用路由从导航栏请求时呈现。

现在在 Summary 中,我想展示 MerchantContainer 和 ReviewsContainer ,但我不知道 Summary 是否应该是一个简单的无状态组件,或者我是否需要重构 MerchantContainer 和 ReviewsContainer 以便它们不再是容器而是组件来自“SummaryContainer”的数据。

哦,摘要可以由类似仪表板结构中的另一个高阶组件呈现,所以同样的问题,摘要应该是容器还是仪表板容器应该将所有数据传递给摘要?

所以我想我可以总结为:将一堆容器连接到 redux,然后从展示容器渲染这些容器以在应用程序的不同页面中重用它们是可以的?

使用呈现组件渲染容器有一个陷阱吗?

标签: javascriptreactjsreduxreact-component

解决方案


推荐阅读