/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

0 vote151 views1 answer
Remove react native cli mac
Javascript React
3 votes148 views1 answer
How to preview a pdf document in react
Javascript React
21 votes148 views4 answers
React memo
Javascript React
0 vote148 views1 answer
React keydown event listener
Javascript React
1 vote150 views3 answers
Switch' is not exported from 'react-router-dom'
Javascript React
0 vote160 views1 answer
Redirect to another path react
Javascript React
1 vote152 views1 answer
React native componentwillmount vs componentdidmount
Javascript React
1 vote165 views1 answer
React native nav bars
Javascript React
1 vote142 views1 answer
How to create round image in react native
Javascript React
3 votes142 views2 answers
How to get custom attribute value in react
Javascript React