/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

14 votes207 views5 answers
React conditional classname
Javascript React
5 votes254 views2 answers
React js download file
Javascript React
64 votes249 views7 answers
React router
Javascript React
0 vote211 views1 answer
Filter-vs-map-reactjs-and-jsx
Javascript React
0 vote218 views1 answer
React break out of useeffect
Javascript React
1 vote218 views1 answer
Handling scrolling on react router transitions
Javascript React
1 vote208 views1 answer
React native get current time
Javascript React
5 votes234 views2 answers
Remove underline from link i react
Javascript React
0 vote244 views1 answer
React sticky hook
Javascript React
0 vote217 views1 answer
React event stop propagation
Javascript React