react:导航器传递给组件函数之一导致循环

时间:2017-01-07 14:14:10

标签: reactjs react-native navigator

所以我有这个奇怪的问题。当将导航器对象传递给2个React组件函数之一并将其用作属性时,它将进入无限循环

LoginSide:

componentWillReceiveProps(nextProps){
if(nextProps.status == 200) {
  this.props.onLoginPress.push({
    component: HomeScene,
    passProps: {
        title: "HomeScene",
    },
    type: "Normal",
  })
}
}

这就是我所说的:

<LoginSide onLoginPress= { this.props.navigator } />

也发生在componentDidMount。

道具更新是用Redux完成的,但是状态到道具映射只发生一次,正如它应该的那样。

当组件的属性发生变化时,我可以获得如何导航到其他视图的建议吗?

应用程序是反应原生的准确。如果需要任何其他信息,请告诉我

1 个答案:

答案 0 :(得分:0)

如果我理解你有一个LoginSide组件,它有一个onClick处理程序可以改变redux状态,而react组件会获得新的道具。然后你有一个然后你在componentWillReceiveProps metod想要更新道具?

在不知道实现细节的情况下,您基本上想要在redux中进行所有状态更改,并避免在渲染时更改道具或状态,the should be pure

我认为/希望这篇文章能够帮助您React Native’s NavigationExperimental with Redux