How to get params in react hooks component?

Question

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",

Does this answer your question? [Programmatically navigate using react router](https://stackoverflow.com/questions/31079081/programmatically-navigate-using-react-router) — Pavlonator, Jun 01 '20 at 21:47

score 2 · Answer 1 · answered Jun 01 '20 at 15:32

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

score 0 · Answer 2 · answered Jun 01 '20 at 13:38

0

You can use:

props.navigation.getParam('param_name')

answered Jun 01 '20 at 13:38

B. Mohammad

1,699
8
26

score 0 · Answer 3 · answered Aug 11 '20 at 08:59

0

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

answered Aug 11 '20 at 08:59

Sanoob Pookodan

19
1
4

How to get params in react hooks component?

3 Answers3