React setState不是函数

Question

    fileChangedHandler = event => {
    event.preventDefault();
    event.persist();
    new ImageCompressor(event.target.files[0], {
    quality: .6,
    success(result) {
      this.setState({selectedFile: result})
    },
    error(e) {
      console.log(e.message);
    },
  });
  }

那是上面的函数，我想在成功后更改状态，但是我得到的setState is not a function

这就是我触发它的方式：

<input style={{display: 'none'}} type="file" onChange={this.fileChangedHandler} ref={fileInput => this.fileInput = fileInput}/>
<button type='button' onClick={() => this.fileInput.click()} className='col m3 btn' style={{textTransform: 'none'}}>Choose image</button>

Answer 1

success是具有动态正则函数this背景下，由一个呼叫者（确定ImageCompressor ）。

由于fileChangedHandler方法是一个箭头， this引用具有setState方法的组件类实例。

为了使词汇表里面this success ，应该是一个箭头：

...
success: (result) => {
  this.setState({selectedFile: result})
},
...