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})
},
...