/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

0 vote246 views1 answer
React useEffect() the side-effect runs after every rendering
Javascript React
0 vote208 views2 answers
React router dom v6
Javascript React
0 vote227 views2 answers
Drag n drop file upload react
Javascript React
7 votes244 views2 answers
React native password input
Javascript React
1 vote229 views1 answer
React-native razorpay
Javascript React
0 vote236 views1 answer
React native mock
Javascript React
1 vote232 views1 answer
Programmatic title react
Javascript React
5 votes244 views3 answers
React default proptypes
Javascript React
0 vote248 views1 answer
React native header height
Javascript React
10 votes205 views3 answers
Module not found: Can't resolve '@emotion/react' in 'E:\Web Development\Frontend\React JS Projects\linkedin-clone\node_modules\@mui\styled-engine'
Javascript React