/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 vote207 views1 answer
Flatpicker not focusing in modal React
Javascript React
4 votes218 views1 answer
Carousel react
Javascript React
0 vote217 views1 answer
Plotly react
Javascript React
0 vote201 views1 answer
React return value from component
Javascript React
0 vote224 views1 answer
React native typescript nodejs timeout
Javascript React
0 vote222 views1 answer
Settimeout react native focus text input
Javascript React
0 vote224 views1 answer
How to add oncklick button react
Javascript React
1 vote205 views1 answer
React list
Javascript React
0 vote216 views1 answer
How to implement certain actions after setstate in react hooks
Javascript React
1 vote223 views1 answer
Get current platform react native
Javascript React