useRoute

useRoute 是可以存取 route 物件的 Hook。當您無法直接將 route 屬性傳遞給元件，或者在深層嵌套的子元件情況下不想要傳遞 route 屬性時，此 Hook 便會派上用場。

useRoute() 會傳回其內部螢幕的 route 屬性。

範例

import * as React from 'react';
import { Text } from 'react-native';
import { useRoute } from '@react-navigation/native';

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

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

有關更多資訊，請參閱 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} />;
}