componentWillReceiveProps 未在当前屏幕中调用本机反应[重复]

Question

这个问题在这里已经有了答案：

• 当我导航到本机反应的新页面时，如何强制卸载组件？ 2 个答案

我正在使用react-navigation和createStackNavigatior来处理我在应用程序中的导航。 在主加载屏幕中，我使用componentWillReceiveProps来处理来自减速器的结果。

当我离开加载屏幕时会出现问题，并且每当在不同的屏幕中更新相同的道具时，都会在我已经导航的主加载屏幕中调用componentWillReceiveProps ，尽管我希望它根本不会运行。

有没有办法在应该卸载 function 后禁用它？

Answer 1

当您从一个屏幕navigate到stack navigator器中的一个屏幕时，前一个屏幕保持挂载状态

您可以使用navigate this.props.navigation.replace('routeName')而不是使用 navigation 来完全卸载屏幕，或者阻止 prev 屏幕更新：

来自 React Navigation 的官方文档：

React Navigation 向订阅它们的屏幕组件发出事件。 您可以订阅四种不同的事件： willFocus 、 willBlur 、 didFocus和didBlur 。 在API 参考资料中阅读有关它们的更多信息。

所以尝试willBlur来阻止你的组件触发componentWillRecieveProps的事件。 您可以在调用willBlur时设置一个为 false 的标志，并在接收道具时检查它并防止任何更新触发