📌  相关文章
📜  TypeError:navigation.getParams 不是函数. - Javascript(1)

📅  最后修改于: 2023-12-03 14:48:04.342000             🧑  作者: Mango

TypeError: navigation.getParams is not a function. - Javascript

在开发React Native应用程序时,您可能会遇到这种类型的错误消息:TypeError: navigation.getParams is not a function. 这是因为navigation.getParams()方法已不再包含在React Navigation V5或V6中。

在React Navigation V5及更高版本中,您应该使用useRoute()钩子来获取路由参数,并且不再需要使用navigation.getParams()方法。

import { useRoute } from '@react-navigation/native';

function MyScreen() {
  const route = useRoute();
  const { myParam } = route.params;

  // rest of the component
}

在上面的示例中,我们使用了useRoute()钩子来获取当前屏幕的路由,然后通过route.params来获取所需的参数。

另外,请注意在导航到屏幕时,您需要传递所需参数。例如:

navigation.navigate('MyScreen', { myParam: 'Hello World' });

在上面的示例中,我们将myParam参数传递给MyScreen屏幕。这个参数现在可以在MyScreen组件中使用。

总结一下:

  • 在React Navigation V5及更高版本中,不再需要使用navigation.getParams()方法。
  • 使用useRoute()钩子来获取当前屏幕的路由,并通过route.params来获取所需的参数。
  • 在导航到屏幕时,请传递所需参数。

希望这篇文章有助于您解决TypeError: navigation.getParams is not a function. - Javascript错误。