/Javascript/React/React native use route params

React native use route params

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>;
}

Source: reactnavigation.org

React native use route params

navigation.navigate('RouteName', { /* params go here */ })

to recieve the params

function DetailsScreen({ route, navigation }) {
  const { itemId, otherParam } = route.params;
  return(<Text>itemId<Text>);
}

Source: reactnavigation.org

Similar codes

7 votes165 views1 answer
React Native vs Flutter
Javascript React
2 votes138 views3 answers
React native swiper
Javascript React
6 votes233 views1 answer
'useHistory' is not exported from 'react-router-dom'.
Javascript React
20 votes141 views2 answers
React localstorage
Javascript React
5 votes158 views2 answers
Remove underline from link i react
Javascript React
0 vote151 views2 answers
Onclick toggle class react
Javascript React
-2 votes136 views1 answer
<Link> react import
Javascript React
0 vote145 views2 answers
Editable pre input react
Javascript React
0 vote155 views1 answer
Javascript react reverse map
Javascript React
0 vote171 views1 answer
React-router useNavigate
Javascript React