Пытаюсь получить доступ к параметрам в этом объекте, но получаю ошибку

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

Возможно, ваша ошибка заключается в том, что вы передаете реквизиты вашему Компоненту

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

Так что внутри вашего компонента вы можете получить доступ к реквизитам

import React from "react";

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

export default MyComponent;

Answer 2

Попробуйте это

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