/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

20 votes361 views4 answers
On enter key press react
Javascript React
4 votes331 views3 answers
Visual studio code create react component shortcut
Javascript React
14 votes361 views4 answers
Conditional classname prop react
Javascript React
0 vote322 views1 answer
React particles js
Javascript React
13 votes292 views1 answer
Round button corner right react native
Javascript React
1 vote352 views1 answer
React connect production
Javascript React
0 vote401 views1 answer
Button click open external link react
Javascript React
0 vote324 views1 answer
React native prevent rotation of screen
Javascript React
3 votes319 views2 answers
React native pm ERR! code EINTEGRITY
Javascript React
0 vote337 views1 answer
React Calender Style
Javascript React