react/jsx-equals-spacing

name="email" and name = "email" mean the same thing. Using one style everywhere keeps props easy to scan. By default the rule doesn't allow a space on either side of the =.

--fix adds or removes the spaces.

Configure#

Off by default. To turn it on:

[lint.rules]
"react/jsx-equals-spacing" = "error" # or "warn"

Every option, set to its default:

[lint.rules]
"react/jsx-equals-spacing" = ["error", "never"] # "always" or "never"

Examples#

const field = <input name = "email" />;

const field = <input name="email" required />;

Options#

const field = <input name="email" />;

const field = <input name = "email" />;

When not to use it#

A formatter such as bun fmt or Prettier already fixes this spacing.