Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Require shorthand form for JSX fragments (react/jsx-fragments) #1364

Closed
feross opened this issue Aug 15, 2019 · 1 comment

Comments

@feross
Copy link
Member

commented Aug 15, 2019

In JSX, a React fragment is created either with <React.Fragment>...</React.Fragment>, or, using the shorthand syntax, <>...</>. This rule allows you to enforce one way or the other.

It will enforce the shorthand syntax for React fragments, with one exception. [Keys or attributes are not supported by the shorthand syntax][short_syntax], so the rule will not warn on standard-form fragments that use those.

https://github.com/yannickcr/eslint-plugin-react/blob/master/docs/rules/jsx-fragments.md

The following pattern is considered a warning:

<React.Fragment><Foo /></React.Fragment>

The following patterns are not considered warnings:

<><Foo /></>
<React.Fragment key="key"><Foo /></React.Fragment>

@feross feross added this to the standard 14 milestone Aug 15, 2019

@feross feross closed this in 93027d9 Aug 15, 2019

@feross

This comment has been minimized.

Copy link
Member Author

commented Aug 15, 2019

Shipping this in standard 14.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
1 participant
You can’t perform that action at this time.