Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/25.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 未捕获类型错误:无法读取属性';道具';上载图像时,reactJS中未定义的_Javascript_Reactjs - Fatal编程技术网

Javascript 未捕获类型错误:无法读取属性';道具';上载图像时,reactJS中未定义的

Javascript 未捕获类型错误:无法读取属性';道具';上载图像时,reactJS中未定义的,javascript,reactjs,Javascript,Reactjs,我想让用户上传图像,但当我试图调用uploadhandler时,我得到了一个错误。 如果我在handleFileUpload之外调用this.props.uploadDocumentRequest,则没有问题。但是当我在处理程序内部调用它时,我得到了错误。 我正在使用React和Redux 代码如下: import React,{Component}来自“React”; 从“react redux”导入{connect}; 从“./actions”导入*作为操作; 类文件扩展组件{ handl

我想让用户上传图像,但当我试图调用uploadhandler时,我得到了一个错误。 如果我在handleFileUpload之外调用this.props.uploadDocumentRequest,则没有问题。但是当我在处理程序内部调用它时,我得到了错误。 我正在使用React和Redux

代码如下:

import React,{Component}来自“React”;
从“react redux”导入{connect};
从“./actions”导入*作为操作;
类文件扩展组件{
handleFileUpload(事件){
const file=event.target.files[0];
console.log(文件,文件名);
this.props.uploadDocumentRequest({
文件
名称:file.name
});
}
render(){
返回(
);
}
}
导出默认连接(null,actions)(文件)可以使用
bind()
函数,也可以使用arrow函数

a) 在构造函数内部(添加构造函数时)

b) 使用箭头函数,将函数更改为

handleFileUpload = () => {
  // your function body
}

this.handleFileUpload()}/>
您能不能也使用console.log
this
并用输出更新问题?奇怪的是,
这个
没有定义
handleFileUpload = () => {
  // your function body
}