Reactjs 如何使用react redux访问组件中的存储数据

我有两个独立的组件，分别是login和home。我在登录组件中使用了mapStateToProps来传递数据

function mapStateToProps(state) {
  return { loginData: state.agent };
}

export default withRouter(connect(mapStateToProps)(login));

登录组件中的按钮点击将引导我们进入主页。我想获取并显示home组件中的所有“loginData”值。

---

我在家里试过这个.props.loginda。但是没有得到商店的数据。对此有何建议？

我的建议是启动一个操作，用用户登录后输入的详细信息填充redux存储。 之后，您可以使用主页中的mapStateToProps从redux商店获取详细信息。

要访问主页组件中的this.props.loginda，即使在那里，您也需要使用 MapStateTrops与您在登录组件中使用的方式类似

function mapStateToProps(state) {
  return { loginData: state.agent };
}

export default withRouter(connect(mapStateToProps)(homepage));

然后您将能够访问此.props.loginda

---

如果要访问任何组件中的Redux存储数据，需要使用connect并使用mapStateToProps将存储值连接到您的道具。

您可以通过state属性传入数据

如果您使用的是history.push

与重定向类似

---

您还需要将home组件连接到商店。@YuryTarabanko-我是新手。我曾经包装过我的组件。我需要从home组件执行任何操作吗？我的意思是，您需要执行与登录相同的操作。connectmapStateToPropsHome@YuryTarabanko-现在我可以在主组件的mapStateToProps函数中获取数据。如何将这些数据发送到componentDidMount方法？我已经使用了action和reducer。我可以在登录页面中获取存储数据，但无法将其传递给其他组件。谢谢！它起作用了。您能告诉我如何在主组件的组件安装中获取此登录数据吗。当我尝试使用this.props.loginda-‘未定义’它时，我使用的是连接导出默认连接状态ropsauthorizedulote；在安装了所有路由的主路由中，如何访问存储在其他组件上的redux数据？比如HomePageComponent？