reactjs - React 从一个组件向另一个组件发送数据

Question

这是我的登录组件页面上的一个功能，result.user当用户登录成功时会使用用户信息进行响应。如何将result.user信息发送到我的主页，以便我可以设置用户可以做什么和不能做什么？

newLogin = (e) => {
    fetch("http://localhost:4000/login", {
        method: "POST",
        headers: {
            "Content-type": "application/json",
        },
        body: JSON.stringify(this.state)
    })
        .then((response) => response.json())
        .then((result) => {
            console.log(result.user)
        });
}

标签： reactjs

Answer 1

我不知道您的组件的结构，但您应该使用它react-redux来存储您的登录用户，因为需要此数据才能访问您的应用程序和任何组件中的任何位置，我强烈建议您将其react-redux用于您的最佳实践。

React-redux 易于使用，并且易于从状态访问任何已登录用户的数据，因此最好接近使用react-redux而不是通过 props 传递数据。