尝试访问此对象中的参数，但出现错误

Question

我一直在网上搜索，并已进行了数小时的研究。我正在尝试访问以下数据中的参数。但是，当我尝试访问它时，我变得不确定。请让我知道任何建议。谢谢。

由于我是从道具那里获得的，所以我尝试了this.props.route.params.data。但是它仍然在终端中显示未定义]

{"navigation": {"addListener": [Function addListener], "canGoBack": [Function canGoBack], "dangerouslyGetParent": [Function dangerouslyGetParent], "dangerouslyGetState": [Function anonymous], "dispatch": [Function dispatch], "goBack": [Function anonymous], "isFocused": [Function isFocused], "navigate": [Function anonymous], "pop": [Function anonymous], "popToTop": [Function anonymous], "push": [Function anonymous], "removeListener": [Function removeListener], "replace": [Function anonymous], "reset": [Function anonymous], "setOptions": [Function setOptions], "setParams": [Function anonymous]}, "route": {"key": "PokeDetails-SgGMrnfZTKLJkDrH4-lQD", "name": "PokeDetails", "params": {"data": "hello"}}}

Answer 1

尝试一下

this.props.navigation.getParam('data');

Answer 2

也许您的错误是您将道具传递到组件的方式

    <MyComponent route={{params: {data: 'hello'}}} />

因此在组件内部，您可以访问道具

import React from "react";

const MyComponent = props => {
  return <div>Data {props.route.params.data}</div>;
};

export default MyComponent;