/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 votes129 views2 answers
Select field in react native
Javascript React
1 vote106 views1 answer
How to execute function without using onclick on react code example
Javascript React
0 vote119 views1 answer
React native get route name
Javascript React
0 vote161 views1 answer
React flip move
Javascript React
0 vote104 views1 answer
Shortcut to format reactjs visual studio
Javascript React
0 vote132 views1 answer
React Fractional rating
Javascript React
0 vote112 views1 answer
Dispatch event not working react native redux
Javascript React
0 vote107 views1 answer
Reactjs Developer
Javascript React
1 vote151 views1 answer
React site warning: The href attribute requires a valid address. Provide a valid, navigable address as the href value jsx-a11y/anchor-is-valid
Javascript React
1 vote104 views2 answers
Export 'Redirect' (imported as 'Redirect') was not found in 'react-router-dom'
Javascript React