Javascript 如何使用React Navigation导航到渲染函数之外的新屏幕，而不使用JSX？

我对React、React Native和React导航相当陌生。取得了一些进展，但遇到了这个问题

通常，我会通过如下操作导航到新页面：

<Button
  text='View Details' onPress={() => 
  this.props.navigation.navigate('AccountScreen')} />

<ButtonCTA onPress={ ()=>this.handlePress(this.props.navigation) }>Go to account page</ButtonCTA>

现在我得到了以下错误：

---

“undefined不是一个对象（评估'navigator.navigate'）”

您只是忘记将navigator传递到

把手上
您的按钮代码应如下所示：

<Button
  text='View Details' onPress={() => 
  this.props.navigation.navigate('AccountScreen')} />

<ButtonCTA onPress={ ()=>this.handlePress(this.props.navigation) }>Go to account page</ButtonCTA>

this.handlePress（this.props.navigation）}>进入账户页面
Hrm。。。很好的理解，但是我仍然得到相同的错误：
E ReactNativeJS:{[TypeError:undefined不是一个对象（评估'navigator.navigate'）]
。还有其他想法吗？您还应该在
fetch'中更改
函数
https://example.com/this/url/works'+this.state.accountName，lookUpObject）。然后（函数（响应）{
使用箭头语法。好吧，实际上我有一些东西需要更改，但我将把它标记为答案，因为它基本上把我带到了那里。我的StackNavigator（ugh）中有一个拼写错误，我输入了
导航
而不是“navigator”。希望这对某人有所帮助！