ES6 Fat arrow in this this.setState ESLint error

Question

我在反应中有一个小代码

this.setState((prevState) => {
  return { userAnnotations: [...prevState.userAnnotations, selText] };
});

我如何将此转换为单行，因为ES Lint提供错误[eslint] Unexpected block statement surrounding arrow body; parenthesize the returned value and move it immediately after the =＆gt; . (arrow-body-style)

我试图在返回时移除花括号，但之后会发生另一个错误。

请帮忙。

Answer 1

您需要做的就是摆脱return

    this.setState(prevState => ({ userAnnotations: 
          [...prevState.userAnnotations, selText]
    }))