javascript - 使用 Navigation.push(来自 wix 的 react native navigation v2)我没有在目标组件中获取 Prop 。我如何访问 Prop ？

Question

我正在使用 Navigation.push 传递 Prop ，然后尝试在目标组件中获取 Prop ，如下所示。

尝试结果:我得到“未定义的图像”

我在我的 react-native-app 中使用 redux，redux 工作正常，我可以在其他组件中看到我的数据。但是当我推送并尝试访问目标组件中的 Prop 时，我什么也没看到。

当我只是 console.log Prop 时，我得到的只是 placeDetail 组件中的 componentId 和 rootTag。我做错了什么？

Navigation.push(this.props.componentId, {
  component: {
    name: "navigation.playground.PlaceDetailScreen"
  },
  options: {
    topBar: {
      title: {
        text: selPlace.name
      }
    }
  },
  passProps: {
    selectedPlace: selPlace
  }
});

const placeDetail = props => {
   
   console.log(props)
  return (
    <View style={styles.container}>
      <View>
        <Image source={props.navigationselectedPlace.image} style={styles.placeImage} />
        <Text style={styles.placeName}>{props.selectedPlace.name}</Text>
      </View>
      <View>
        <TouchableOpacity onPress={props.onItemDeleted}>
          <View style={styles.deleteButton}>
            <Icon size={30} name="ios-trash" color="red" />
          </View>
        </TouchableOpacity>
      </View>
    </View>
  );
};

Answer 1

在 Navigation.push 中，所有内容都应该在组件对象中。

像这样:

您目前拥有组件外部的选项和传递 Prop 。

Navigation.push(this.props.componentId, {
  component: {
    name: 'example.PushedScreen',
    passProps: {
      text: 'Pushed screen'
    },
    options: {
      topBar: {
        title: {
          text: 'Pushed screen title'
        }
      }
    }
  }
});