Reactjs 在React上将道具从一个组件传递到另一个组件

我已从

react google Login

登录。我需要将电子邮件从一个名为

Login

的组件传递到另一个名为

User

的组件（用户应该在其中看到他的电子邮件）

类登录扩展了React.Component{
建造师（道具）{
超级（道具）；
此.state={
电邮：“，
重定向：错误，
};
}
render（）{
const responsegoglesuccess=（响应）=>{
this.setState（{email:response.profileObj.email}）；
this.setState（{重定向：true}）；
};
返回(
{this.state.redirecting？：null}
);
}
}

您必须将您的

电子邮件

状态移动到

登录

和

用户

组件的父级或使用上下文api，您可以在中阅读该组件，实现您所想的最困难的方法是使用redux，这是一种状态管理

您有很多方法来解决此问题

1.

您可以使用this.props.match.params.email在用户组件中访问此电子邮件

2.您可以在redux存储中存储电子邮件，并在用户组件中访问

---

3.您可以使用上下文api。

您可以使用redux，或者更简单的，尽管不完全安全，但您可以使用

/user？电子邮件重定向=user@example.com

并从用户组件中的参数中获取它。你在说什么？是的，没错。你能解释一下如何使用redux商店吗？1.你需要为电子邮件创建redux状态变量。2.您可以通过触发操作更改该变量。3.您可以使用MapStateToprop从react组件访问该变量。当然，您需要使用redux