javascript - componentDidMount 中的函数没有未使用的表达式

Question

如何修复或禁用 ESLint 以忽略

[eslint] Expected an assignment or function call and instead saw an expression. (no-unused-expressions)

关于这个

authUser
  ? this.setState(() => ({ authUser }))
  : this.setState(() => ({ authUser: null }));

同时，我理解错误的原因并且可以忽略它 - 因为它正在做它应该做的一切。

有没有办法只从这个文档中删除这个错误，而不是全局？或者，是否有更好的方法让我重写它以避免错误，同时实现相同的结果？

完整组件

const withAuthentication = Component =>
  class WithAuthentication extends React.Component {
    constructor(props) {
      super(props);

      this.state = {
        authUser: null
      };
    }

    componentDidMount() {
      firebase.auth.onAuthStateChanged(authUser => {
        authUser
          ? this.setState(() => ({ authUser }))
          : this.setState(() => ({ authUser: null }));
      });
    }

    render() {
      const { authUser } = this.state;

      return (
        <AuthUserContext.Provider value={authUser}>
          <Component {...this.props} />
        </AuthUserContext.Provider>
      );
    }
  };

export default withAuthentication;

Answer 1

试试 if then else 怎么样？

firebase.auth.onAuthStateChanged(authUser => {
  if (authUser)
    this.setState(() => ({ authUser })) 
  else
    this.setState(() => ({ authUser: null })); 
});