/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

18 votes385 views4 answers
React get route params
Javascript React
0 vote343 views1 answer
How to filter items in react state
Javascript React
2 votes367 views1 answer
How to clean react native project
Javascript React
0 vote355 views1 answer
How to extract params from received link in react native firebase dynamiclink?
Javascript React
0 vote368 views1 answer
Installe datatable to reactjs project
Javascript React
0 vote370 views1 answer
Box-shadow: 0px 4px 8px rgba(164, 188, 223, 0.15); to react native
Javascript React
0 vote356 views1 answer
Javascript react useState update object
Javascript React
4 votes385 views1 answer
How to add oAuth google signin in react native app
Javascript React
0 vote354 views1 answer
Uploading profile pic with react.js node.js express.js REST API to sqlite DB
Javascript React
133 votes524 views6 answers
Using bootstrap with react
Javascript React