How to get params in react hooks component?

user_13338006 0
Viewed 3562

For class component there is "this.props.route.params" option. How to get params from one screen to other screen in react hook functional component.

"react": "16.11.0",
"react-native": "0.62.2",
"react-navigation": "@react-navigation/native": "^5.1.2",
react-navigation react-native reactjs
3 Answers

You can use the hook useRouter from @react-navigation/native

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>;
}
user_97298940

You can use:

props.navigation.getParam('param_name')
user_90794110

this.props.navigation.getParam('param_name')

user_109285930
Related