jsx-space-before-closing.md 1.6 KB

Validate spacing before closing bracket in JSX (react/jsx-space-before-closing)

Deprecation notice: This rule is deprecated. Please use the "beforeSelfClosing" option of the jsx-tag-spacing rule instead.

Enforce or forbid spaces before the closing bracket of self-closing JSX elements.

Fixable: This rule is automatically fixable using the --fix flag on the command line.

Rule Details

This rule checks if there is one or more spaces before the closing bracket of self-closing JSX elements.

This rule takes one argument. If it is "always" then it warns whenever a space is missing before the closing bracket. If "never" then it warns if a space is present before the closing bracket. The default value of this option is "always".

The following patterns are considered warnings when configured "always":

<Hello/>
<Hello firstname="John"/>

The following patterns are not considered warnings when configured "always":

<Hello />
<Hello firstName="John" />
<Hello
  firstName="John"
  lastName="Smith"
/>

The following patterns are considered warnings when configured "never":

<Hello />
<Hello firstName="John" />

The following patterns are not considered warnings when configured "never":

<Hello/>
<Hello firstname="John"/>
<Hello
  firstName="John"
  lastName="Smith"
/>

When Not To Use It

You can turn this rule off if you are not concerned with the consistency of spacing before closing brackets.