从3.x升级到6.x后，类组件的NavigationFocus React Navigation替代方案

Question

我目前正在更新我的应用程序版本，并且我使用了一个不再存在的函数，我根据文档尝试了几件事但我要么得到一个"；无效的挂机呼叫"；错误或其他什么。。。

没有withNavigationFocus函数的问题是，当渲染屏幕时，数据不会显示。我必须按Cmd+S刷新并在屏幕上显示数据。知道道具与Redux有关联。

这是导致问题的线路：

export default withNavigationFocus(connect(mapStateToProps, mapDispatchToProps)(Home));

到目前为止，我找不到其他选择，有人有想法吗？

此处升级文档链接

Answer 1

您可以安装向后兼容软件包，并且可以继续使用HOCswithNavigation和withNavigationFocus。

Inpm install @react-navigation/native@^5.x @react-navigation/compat@^5.x @react-navigation/stack@^5.x

它是用React Navigation 5设计的。我没有测试版本6

Answer 2

对于6.x，请使用useIsFocused钩子。您可以将类组件封装在函数组件中以使用钩子：

class Profile extends React.Component {
render() {
// Get it from props
const { isFocused } = this.props;
}
}
// Wrap and export
export default function(props) {
const isFocused = useIsFocused();
return <Profile {...props} isFocused={isFocused} />;
}