首页 > 解决方案 > 传递给组件的 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);

标签: react-nativereact-navigation

解决方案


{ route, navigation }按照官方文档中的说明尝试。这里官方文档

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

希望它有效。


推荐阅读