/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

32 votes339 views1 answer
React-router react-router-dom
Javascript React
-1 vote364 views2 answers
3 dots React
Javascript React
0 vote367 views1 answer
How to change tab color react bootstraps customixation
Javascript React
0 vote371 views1 answer
React hero slider
Javascript React
1 vote363 views2 answers
How to render react native app under the status bar
Javascript React
0 vote379 views1 answer
React-select-search useSelect hook
Javascript React
0 vote366 views1 answer
Install react-foundation library in react js
Javascript React
2 votes363 views1 answer
React native socket io
Javascript React
1 vote368 views1 answer
React router dom 6 go back
Javascript React
0 vote364 views1 answer
React-data-table-component edit action
Javascript React