如何在 reactjs 中修复此 Eslint 警告

Question

I'm a beginner and I read the Eslint docs but cant understand how to refactor my code so the warning go away.

Here's an image:

The code is basically simple: and at authUser.roles.includes(ROLES.A... the warning comes!
Please advice!

function onClick() {
    const { authUser } = props;
    authUser.roles.includes(ROLES.ANON) ? openSignin() : openDashboard();
}

function openSignin() {
    props.showDash({
        open: true,
        closeDashboard,
    });
}

function openDashboard() {
    navigate('/app/dashboard', { replace: true });
}

return (
    <div>
        <Button className="button is-large" onClick={onClick}>
            <span className="icon is-medium">
                <i className="fas fa-user" />
            </span>
        </Button>
    </div>
);

Answer 1

Ternary expressions are for assignment. But you're not assigning to anything.

Swich to

if (authUser.roles.includes(ROLES.ANON)) {
  openSignin();
} else {
  openDashboard();
}

Answer 2

You can disable the rule in your config file , disable the rule on the top of the page

/* eslint no-unused-expressions: "off" */

or you can disable it for one line

code // eslint-disable-line no-unused-expressions

or

// eslint-disable-next-line no-unused-expressions

Note: no-unused-expressions is the error that you are getting