时间戳

首页 > 解决方案 > 在 ReactJs 中，从 redux 存储或从父级到子级将 props 传递给子组件的最佳实践是什么？

reactjs - 在 ReactJs 中，从 redux 存储或从父级到子级将 props 传递给子组件的最佳实践是什么？

问题描述

在我的 ReactJs 应用程序中，我有一个 redux 商店。在父组件中，我从 redux 商店获取道具。现在，我想将此道具传递给子组件。我有两种方法可以做到这一点： 1. 将 props 从父组件发送到子组件。2. 从子组件中的 redux store 中获取 prop。

首选哪种方式，为什么？

尽管两者都会导致相同的结果。我想知道两者之间的区别以及哪种方法是首选方法。

标签： reactjsredux

解决方案

您要问的问题是关于演示组件 VS 容器组件主题。

容器通常包含业务逻辑，容器也连接到 Redux 存储。

演示者应该只显示来自你传入的道具的数据。

这种方法有很多好处。改进的代码可读性、可测试性、更好的关注点分离等等。

在此处继续 - [ https://redux.js.org/basics/usage-with-react#presentational-and-container-components][1]

推荐阅读