/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 vote214 views1 answer
React-metismenu-router-link
Javascript React
0 vote212 views1 answer
React Calender Style
Javascript React
7 votes225 views3 answers
React route props
Javascript React
0 vote215 views1 answer
Dynamic useState in react
Javascript React
6 votes242 views1 answer
React hooks scss supoort
Javascript React
14 votes223 views5 answers
React conditional classname
Javascript React
0 vote229 views1 answer
Npm: Create react chrome extension
Javascript React
0 vote227 views1 answer
Text and icon on same line react native
Javascript React
0 vote216 views1 answer
React native clear route params
Javascript React
0 vote236 views1 answer
React router nested routes active
Javascript React