/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

3 votes238 views2 answers
Use onchange with react select
Javascript React
0 vote213 views1 answer
@invertase/react-native-apple-authentication npm
Javascript React
3 votes201 views1 answer
Force update react hooks
Javascript React
4 votes208 views1 answer
On window resize react
Javascript React
0 vote192 views1 answer
How to remove console.log from react native app
Javascript React
14 votes211 views5 answers
React conditional class
Javascript React
8 votes208 views3 answers
Export 'Switch' (imported as 'Switch') was not found in 'react-router-dom'
Javascript React
3 votes185 views2 answers
Autocomplete react jsx attributes vscode
Javascript React
56 votes216 views6 answers
Useref react
Javascript React
3 votes239 views1 answer
Showing an image in react js
Javascript React