如何在反应钩子组件中获取参数？答案

【问题标题】：How to get params in react hooks component?如何在反应钩子组件中获取参数？
【发布时间】：2020-08-11 16:59:06
【问题描述】：

对于类组件，有“this.props.route.params”选项。 react hook 功能组件中如何将参数从一个屏幕获取到另一个屏幕。

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

【问题讨论】：

这能回答你的问题吗？ Programmatically navigate using react router

标签： reactjs react-native react-navigation

【解决方案1】：

你可以使用来自@react-navigation/native的钩子useRouter

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

【讨论】：

【解决方案2】：

你可以使用：

props.navigation.getParam('param_name')

【讨论】：

【解决方案3】：

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

【讨论】：