/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 vote365 views1 answer
Loading react circular progress
Javascript React
1 vote341 views1 answer
React scroll to bottom of div
Javascript React
0 vote331 views1 answer
Jest create react app only run one test
Javascript React
1 vote386 views1 answer
External script in react
Javascript React
0 vote395 views1 answer
TextInput cursor not shown react native
Javascript React
0 vote347 views3 answers
Run react native with debugger breakpoint
Javascript React
6 votes350 views2 answers
Reactjs .map is not a function
Javascript React
13 votes364 views1 answer
React making post request
Javascript React
0 vote375 views1 answer
React native datepicker disable future dates
Javascript React
0 vote396 views1 answer
React video srcObject
Javascript React