/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

-2 votes269 views1 answer
React native search bar
Javascript React
0 vote259 views1 answer
How to change currency in react-paypal-button-v2
Javascript React
-1 vote235 views3 answers
Divider in react native
Javascript React
0 vote244 views1 answer
React big calendar messages
Javascript React
5 votes235 views2 answers
React js onclick call two functions
Javascript React
-1 vote221 views1 answer
React grid
Javascript React
0 vote253 views2 answers
This.webview.postmessage is not a function reactnative
Javascript React
11 votes251 views2 answers
Shadow using react native
Javascript React
0 vote245 views1 answer
Axios network error react native
Javascript React
3 votes241 views2 answers
React router active link css
Javascript React