jsx-conditional-parens.md

jsx-conditional-parens

When using conditionals inside JSX, this rule enforces no gratuitous parenthesis around the final clause containing the JSX itself.

Rule Details

The following patterns are considered problems:

/*eslint saxo/jsx-conditional-parens: "error"*/

return
    <a>
    {
        a &&
            (<b/>)
    }
    </a>;

The following patterns are not considered warnings:

/*eslint saxo/jsx-conditional-parens: "error"*/

return
    <a>
    {
        a &&
            <b/>
    }
    </a>;

/*eslint saxo/jsx-conditional-parens: "error"*/

return
    <a>
    {
        (a &&
            <b/>)
    }
    </a>;

/*eslint saxo/jsx-conditional-parens: "error"*/

return
    <a>
    {
        (a) &&
            <b/>
    }
    </a>;