/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 vote150 views1 answer
How to set the id attr to a var in reactjs
Javascript React
24 votes141 views6 answers
Shadow react native
Javascript React
1 vote150 views1 answer
Functional component how to add to existing array react
Javascript React
0 vote126 views1 answer
React json object pretty
Javascript React
0 vote139 views1 answer
How to make image slider in react js
Javascript React
0 vote135 views1 answer
React native 'UMConstantsInterface/UMConstantsInterface.h' file not found
Javascript React
0 vote175 views1 answer
How to pass property component in react enzyme
Javascript React
0 vote161 views1 answer
Jest mock react-redux hooks
Javascript React
0 vote141 views1 answer
Bot react message with custom emoji
Javascript React
4 votes147 views4 answers
Width 100% react native
Javascript React