react-redux登录时将数据存入store,在其他页面获取数据

时间:2024-05-21 09:51:23

登录组件的目录结构

react-redux登录时将数据存入store,在其他页面获取数据

登录调用函数,调用action,将表单数据传过去

react-redux登录时将数据存入store,在其他页面获取数据

react-redux登录时将数据存入store,在其他页面获取数据

调用action,调用接口传入数据

react-redux登录时将数据存入store,在其他页面获取数据

react-redux登录时将数据存入store,在其他页面获取数据

 通过dispatch函数,调用reducer将数据传入store

react-redux登录时将数据存入store,在其他页面获取数据

然后使用调试工具redux-devtools可以看到当前多了token的节点

react-redux登录时将数据存入store,在其他页面获取数据

 接下来是在其他页面获取token

只需要将state的数据取出来,连接到当前的组件的prop属性

react-redux登录时将数据存入store,在其他页面获取数据

 直接在jsx中打印prop或者直接打印this.prop.token都可以得到tokenreact-redux登录时将数据存入store,在其他页面获取数据

但是还是有问题,如果刷新后当前的登录数据就会丢失,下一个就需要解决redux数据持久化的问题