react项目中ESLint报错Use callback in setState when referencing the previous state

错误原因

在引用前一个状态时在setState中使用回调

  showModal = () => {
    this.setState({
      visible: !this.state.visible,
    });
  };

解决方法

使用以前一个状态（prevState）作为第一个参数的回调可以避免这种情况

 showModal = () => {
    this.setState(prev => ({ visible: !prev.visible }))
  };

参考资料

ESLint问题记录

eslint-plunt-react的List of supported rules查询报错问题 ClickHere 》