React native redux stateToProps 影响多个页面

2017-12-23 06:22:49 +08:00
 lbfeng

Scene 1:

stateToProps islogged: state.islogged

Scene 2:

stateToProps islogged: state.islogged

用 react-native-router-flux 中的 Actions 从 1 转到 2,2 中触发 action(是个 fetch 操作),islogged 值改变,在 componentWillReceiveProps 做个判断,这时 1 又跳出来了???,判断里的内容继续。有什么办法能不让 1 跳出来吗?

1870 次点击
所在节点    问与答
8 条回复
lightening
2017-12-23 08:04:10 +08:00
完全没看懂你在说什么
NonClockworkChen
2017-12-23 09:10:05 +08:00
Scene 1 为什么会又跳出来,这不是 react-navigation 控制的吗,和 redux 应该没关系吧.
lbfeng
2017-12-23 09:18:30 +08:00
好像不太好形容。贴个图

https://media.giphy.com/media/xULW8pqdahzUKqBBC0/giphy.gif

login 就是 Scene 1,signup 就是 Scene 2. signup 成功后,state.islogged 就是 true,但在跳到补全资料那页时会先跳回 login 页。
lbfeng
2017-12-23 09:19:12 +08:00
@NonClockworkChen 没用 react-navigation
lbfeng
2017-12-23 11:18:35 +08:00
signup 完成后 login 里的 componentWillReceiveProps 也被触发了一次。
lbfeng
2017-12-23 11:22:42 +08:00
在 login 里把 stateToProps islogged: state.islogged 去掉的话问题就消失了。
Mikewu
2017-12-23 12:46:08 +08:00
上个变量开关判断后再执行,在页面 1 跳转到下一个页面 2 前先改变变量开关,回来时再 onfresh。
或者你在判断 this.props 与 nextProps 的 islogged 同时,增减个条件:前后 props 中 routeName 未发生变化就行了。
wd
2017-12-23 13:16:12 +08:00
就是这样的啊 因为你的两个页面的 props 依赖同一个 state 那就是同时变的 不过你说的没明白…… 按说 login 和 register 不应该依赖 isloigin 啊 每次访问这页面不应该都不管是不是登陆吗?

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/416985

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX