Javascript 无法读取属性'；导航'；未定义的

完整登录.js

“严格使用”
从“React”导入React，{Component}；
进口{
评估学，
样式表，
文本，
形象,，
触控高光，
看法
警觉的
}从“反应本机”；
从“反应导航”导入{StackNavigator}
类登录扩展组件{
静态导航选项={
标题：“登录”
}
render（）{
返回(
拉阿普丘拉酒店
登录
);
}
onLogin=（）=>{
警惕，警惕(
“Acceso”，
“这是一个系统”，
[
{文本：“Aceptar”，
onPress:（（）=>this.prop.navigation.navigate（'Dashboard'））}，
{text:'Cancelar'，
onPress:（this.cancelar.bind（this））}
]
)
}
cancelar（）{
console.log（this.props）
}
}
const styles=StyleSheet.create({
反对者：{
弹性：1，
/*为内容辩护：“中心”/*Alineado Horizontalmente*/
对齐项目：'居中'，/*Alineado垂直*/
},
波顿：{
背景颜色：“红色”，
对齐项目：“居中”，
为内容辩护：“中心”，
宽度：300，
身高：30，
玛金托普：60，
marginBottom:5，
边界半径：5，
},
莱特拉：{
颜色：'白色'，
},
标题：{
尺寸：25，
玛金托普：100，
},
});
module.exports=登录

嗨，我正在努力学习英语；我正在用IOS制作一个本机应用程序，在编写navigator时，我在Login.js中遇到了这个问题，有人能帮我吗？这是我的代码： index.ios.js： StackNavigator的配置

const IndexApp=StackNavigator({
登录：{屏幕：登录}，
仪表板：{屏幕：仪表板}

在Login.js中，我们有一个警报；当您接受它时，它会将您带到仪表板，我们首先在登录组件中有一个导航选项，在仪表板组件中有其他类似选项：

类登录扩展组件{
静态导航选项={
标题：“登录”
}

在同一文件中：

onLogin（）{
警惕，警惕(
“Acceso”，
“这是一个系统”，
[
{文本：“Aceptar”，
onPress:（）=>this.props.navigation.navigate（'Dashboard'）}，
{text:'Cancelar'，
onPress:（this.cancelar.bind（this））}
]
)
}

在

Login.js

的内部，在构造函数中绑定

onLogin（）

。或者，您可以使用箭头函数

onLogin=（）=>{}

。收到此错误是因为

此
在React中未定义，除非您
bind（）
你的函数。绑定更改了
这个
的上下文。我在绑定控制台中有一个函数。log cancelar，我在构造函数中使用箭头函数更改onLogin，但仍然未定义。你能在问题中发布你的整个
Login.js
文件吗？当然，我编辑了帖子并将整个代码放在那里更改
onPress:（（）=>this.props.navigation.navigate（'Dashboard'））}，
到
onPress:（（）=>this.props.navigation.navigate（'Dashboard'））}，
您引用的是
prop
，而不是
props
。