非同期機能でナビゲート - ネイティブに反応 - ナビゲーションに反応

NOMANアリ：

私は1つのコンポーネントからReactNative内の別の画面に移動しようとしています。次取得しかし、

可能な未処理プロミス拒絶、TypeError例外：未定義は（「navigation.navigate」を評価する）オブジェクトではありません

以下は、私が場所の詳細を取得するために待機してから、それらの詳細を別の画面に移動したい私のコードです。

constructor(props) {
super(props)
this.state = {status: 'initial'}
this._handlePress = this._handlePress.bind(this);
 }



_handlePress = async ({navigation}) => {
const res = await this.props.fetchDetails(this.props.place_id)
console.log('result', res.geometry.location.lat)
navigation.navigate("Home", {selectedLocation: res.geometry.location});

}

私が試してみましたthis.props.navigation.navigate()としてもこれを修正することができませんでした。

私は、次のGET：

[未処理約束拒絶：例外TypeError：未定義の（「_this.props.navigation.navigate」を評価する）オブジェクトではありません]

以下は、完全なコンポーネントのコードです：ペーストビンリンク

Jaydeep Galani：

使用withNavigationあなたは既に反応し、ナビゲーションから、それを輸入してきたように、方法を。

export default withNavigation(LocationItem);

解決しない場合は、それが使用されている場所から小道具としてのナビゲーションを渡します。

<LocationItem navigation={this.props.navigation}/>