ESLint エラー直せない

Question

axiosで使うthen(() => {なのですが
下記のコードのgroupTable.length === 1　ところで　Expected an assignment or function call and instead saw an expression no-unused-expressionsのエラーが出ています。
直し方がわかりません。教えて欲しいです。

        .then(() => {
         groupTable.length === 1
            ? setState({ ...state,  modalState: Close, name: '', group: state.group- 1 })
            : setState({ ...state,  modalState: Close, name: '' });
        })

Answer 1

条件分岐だけのために三項演算子を使う（三項演算子の返り値を使わない）場合、no-unused-expressionsのオプションとしてallowTernary: trueを与えないと、今回のようなエラーとなります（ESLint公式）。

Comments

[退会済みユーザー]

そんなのあるんですね。
知らんかった。

[ktaaa]

コメントで書けばいいということでしょうか？

[maisumakun]

このような書き方をよく行うのであれば、.eslintrc.jsonなど、ESLintの設定を行っている場所に書いてください。

[maisumakun]

（逆に、三項演算子を使わずにif-elseに書き直す、という方向性もあります。出力結果は、minifyすれば大差はないでしょう）