/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 votes147 views3 answers
Multiple styles in react native
Javascript React
0 vote139 views1 answer
Images not displaying in react
Javascript React
0 vote189 views1 answer
React router redirect with query params
Javascript React
1 vote143 views1 answer
Have flat list automatically wrap react native
Javascript React
0 vote146 views1 answer
React script syntax for deployment
Javascript React
2 votes189 views1 answer
How to add bootstrap by downloading in react js
Javascript React
1 vote140 views1 answer
React place div at center of page
Javascript React
6 votes138 views1 answer
React native data map is not a function
Javascript React
0 vote143 views1 answer
React import useCallBack
Javascript React
0 vote156 views1 answer
`ForwardRef(ListboxComponent)`, expected a ReactNode. at ListboxComponent
Javascript React