从redux存储区或从父级到子级将道具传递到ReactJs的子级组件的最佳实践是什么?

时间:2019-05-23 13:49:42

标签: reactjs redux

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

首选哪种方式,为什么?

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

3 个答案:

答案 0 :(得分:0)

答案是基于意见的,请尝试下一个规则:

在每个步骤中,如果您的组件不是可读难以维护,则转到下一步。

您首先使用Context API => 状态管理器传递道具 =>

答案 1 :(得分:0)

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

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

演示者只能显示您传入的道具中的数据。

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

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

答案 2 :(得分:0)

我认为,该结构应与您回购的其余部分保持一致。如果您将所有智能容器都连接到redux,请继续执行该行,这样其他人可以更轻松地读取您的代码。