useRoute

useRoute 是一个 Hook，用于访问 route 对象。当您无法从 props 将 route 对象传递到组件，或者在深度嵌套的子组件中不想传递它时，它非常有用。

useRoute() 返回其所在屏幕的 route 对象。

示例

静态

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

function MyText() {
  const route = useRoute();

  return <Text>{route.params.caption}</Text>;
}

在 Snack 上尝试

动态

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

function MyText() {
  const route = useRoute();

  return <Text>{route.params.caption}</Text>;
}

在 Snack 上尝试

查看此处了解如何使用 TypeScript 设置 useRoute。

有关更多信息，请参阅 route 对象 的文档。

与类组件一起使用

您可以将您的类组件包装在一个函数组件中以使用 Hook

class MyText extends React.Component {
  render() {
    // Get it from props
    const { route } = this.props;
  }
}

// Wrap and export
export default function (props) {
  const route = useRoute();

  return <MyText {...props} route={route} />;
}