/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

8 votes101 views3 answers
Disable eslint for react project
Javascript React
2 votes96 views1 answer
Redux React redux
Javascript React
3 votes109 views1 answer
UseNav react router
Javascript React
1 vote90 views1 answer
Running scripts is disabled on this system react js
Javascript React
0 vote100 views1 answer
React-redux form preventdefault
Javascript React
1 vote145 views1 answer
React native paper text input
Javascript React
1 vote97 views1 answer
Connect metamask with react app
Javascript React
7 votes130 views2 answers
Import a script to my react componetn
Javascript React
0 vote91 views1 answer
Placeholder text disappear when click in react
Javascript React
11 votes107 views4 answers
React native flatlist
Javascript React