[react/jsx-fragments] Enforce <Fragment> · jsx-eslint/eslint-plugin-react#2420

2019-09-26T14:34:42.000Z

I would like to enforce using ` ... ` instead of ` ... `. The fix option would mean to also add it to the imports if it hasn't been already. So these would be a warning: ```jsx import React from 'react'; export default Component = () => ( <>Foo ); ``` ```jsx import React from 'react'; export default Component = () => ( Foo ); ``` This would be the fix: (and should be fixable with `--fix`) ```jsx import React, { Fragment } from 'react'; export default Component = () => ( Foo ); ``` Is this achievable?

(7 Kommentare) (12 Reaktionen) (0 zugewiesene Personen)JavaScript (2.797 Forks)batch import

help wantednew rule

Repository-Metriken

Stars: (8.630 Stars)
PR-Merge-Metriken: (Keine gemergten PRs in 30 T)

Beschreibung

I would like to enforce using <Fragment>...</Fragment> instead of <React.Fragment>...</React.Fragment>. The fix option would mean to also add it to the imports if it hasn't been already.

So these would be a warning:

import React from 'react';

export default Component = () => (
    <>Foo</>
);

import React from 'react';

export default Component = () => (
    <React.Fragment>Foo</React.Fragment>
);

This would be the fix: (and should be fixable with --fix)

import React, { Fragment } from 'react';

export default Component = () => (
    <Fragment>Foo</Fragment>
);

Is this achievable?

Contributor Guide

Research-Richtung: Lernen Sie, wie Sie eine neue Regel in eslint plugin react mit automatischer Korrektur erstellen, die <React.Fragment> in <Fragment> umwandelt und das Hinzufügen von Imports handhabt. Studieren Sie vorhandene Regeln wie jsx no target blank für Muster.
Tech Stack: javascriptreact
Domain: developer experiencetooling
Issue Type: Funktion
Schwierigkeit: 3
Geschätzte Zeit: 1-2 Tage
Aktivitätsstatus: Aktiv
Klarheit: Klar
Voraussetzungen: Node.jsESLintGit
Einsteigerfreundlichkeit: 60

Repository-Metriken

Beschreibung

Contributor Guide

Erhalte frische Easy Issues per E-Mail.