传递给组件的react-native值为空

问题描述

在我的功能组件A中，

import {withNavigation} from 'react-navigation';
...
...
   console.debug(item);//it gives complete dictionary
   navigation.navigate("B",{item:item});
...
export default withNavigation(A);

在我的其他功能组件B中：

import {withNavigation} from 'react-navigation';
function B({navigation},item) {
  console.debug(item);// giving me {}
...
export default withNavigation(B);

解决方法

尝试使用{ route,navigation }，如官方文档中所述。在这里official document。

import {withNavigation} from 'react-navigation';
function B({ route,navigation }) {
  console.debug(route.params.item);
...
export default withNavigation(B);

希望它能起作用。