/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

2 votes333 views2 answers
Export aab bundle react native android
Javascript React
5 votes329 views3 answers
React default proptypes
Javascript React
2 votes331 views3 answers
React scroll on top while transition
Javascript React
0 vote338 views1 answer
React useEffect() the side-effect runs after every rendering
Javascript React
0 vote322 views1 answer
React native image path in vriable
Javascript React
1 vote326 views5 answers
Push notification react native
Javascript React
1 vote355 views1 answer
Close exit app react native
Javascript React
0 vote321 views1 answer
React component visibility
Javascript React
0 vote304 views1 answer
React-datepicker
Javascript React
0 vote386 views1 answer
Mixed line chart for angular or react
Javascript React