/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 vote153 views4 answers
React prototype function
Javascript React
0 vote286 views1 answer
CocoaPods could not find compatible versions for pod "React/Core": In Podfile: react-native-fetch-blob (from `../node_modules/react-native-fetch-blob`) was resolved to 0.10.6, which depends on React/Cor
Javascript React
48 votes196 views1 answer
Emmet not working react js
Javascript React
32 votes370 views2 answers
How to routing in react js
Javascript React
0 vote217 views2 answers
How to run react builed version
Javascript React
7 votes203 views4 answers
React native update state array of objects
Javascript React
0 vote189 views1 answer
Images not displaying in react
Javascript React
0 vote180 views1 answer
React pass parameters to other page
Javascript React
0 vote197 views1 answer
Import Bootstrap to React Redux CRUD App
Javascript React
0 vote218 views1 answer
Font awesome react share faShare
Javascript React