如何解决在引用前一个状态时在setState中使用回调的警告

Question

对于这段代码，我得到了eslint警告:在引用前一个状态react/无访问状态时，在setState中使用回调警告。

怎么才能解决呢？

const sketch = await ImageManipulator.manipulateAsync(this.state.sketch, [{ rotate: 90 }], {
  base64: true,
  format: ImageManipulator.SaveFormat.PNG,
})
this.setState({ sketch: sketch.uri })

它显示了对第一线(const sketch =....)的警告。

Answer 1

您收到警告是因为this.setState({ sketch: sketch.uri })行。

您可以执行类似以下代码的操作来删除林特警告。

const sketch = await ImageManipulator.manipulateAsync(this.state.sketch, [{ rotate: 90 }], {
  base64: true,
  format: ImageManipulator.SaveFormat.PNG,
})
this.setState(() => {
  return {
    sketch: sketch.uri,
  }
})