/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

3 votes294 views2 answers
Export default class react
Javascript React
0 vote289 views1 answer
React bootstrap col not working
Javascript React
6 votes298 views1 answer
Import useHistory react-router-dom version 6
Javascript React
24 votes303 views6 answers
Shadow react native
Javascript React
-1 vote321 views1 answer
How to run react native app on simulator
Javascript React
4 votes326 views1 answer
React how to remove commas from a string
Javascript React
2 votes304 views1 answer
React native seperator code
Javascript React
0 vote245 views1 answer
React-particles-js not working
Javascript React
3 votes268 views1 answer
UseHistory is not exported form react-router-dom
Javascript React
0 vote263 views1 answer
How to make a textarea unwritable in react native
Javascript React