/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

68 votes210 views4 answers
Inline styling react
Javascript React
0 vote214 views1 answer
Cannot find module 'sass' react
Javascript React
0 vote204 views1 answer
Create react app cloudfront invalidation
Javascript React
1 vote201 views1 answer
React demo
Javascript React
38 votes261 views2 answers
How to write a comment in react js
Javascript React
0 vote301 views2 answers
How to use react typed js
Javascript React
0 vote210 views1 answer
React-router in saga
Javascript React
103 votes246 views7 answers
How to create react app
Javascript React
99 votes257 views6 answers
How to install react router DOM
Javascript React
0 vote193 views2 answers
React foreach loop
Javascript React