如何修复未捕获的TypeError：无法读取未定义的属性'name'

Question

当我单击“上传”按钮时出现此错误

Uncaught TypeError: Cannot read property 'name' of undefined

当我单击上载按钮时，会发生这种情况。我正在使用带事件箭头功能的fileSeletedHandler。

  fileSelectedHandler = event => { 
      this.setState({ selectedFile: event.target && event.target.file && event.target.file[0] }) 
    }

效果很好，问题出在当我点击上传按钮时。我正在使用带有这样的箭头功能的fileUploadHandler：

  fileUploadHandler = () => {
      const fb = new FormData();
      fb.append('image', this.state.selectedFile, this.state.selectedFile.name);
    axios.post('http://localhost:5000/business/uploadFile', fb)
    .then(res => {
        console.log(res);
    })
  }

我的代码在哪里出错？

Answer 1

Arrow function expressions

箭头函数表达式在语法上比常规函数表达式更紧凑，尽管没有对this]的绑定，]，参数，super或new.target关键字。箭头函数表达式不适合用作方法，不能用作构造函数。