jsx-eslint/eslint-plugin-react

Is there a rule for space between props?

Open

#3.181 aberto em 18 de jan. de 2022

Ver no GitHub
 (4 comments) (0 reactions) (0 assignees)JavaScript (8.630 stars) (2.797 forks)batch import
help wantednew rule

Description

I haven't found any rule that complains about the following:

<Comp a={1}b={2}c={3}/>

And enforces space between props:

<Comp a={1} b={2} c={3}/>

Notice how it shall not affect the space before closing tag.

Is there a rule for it? If not, here it's my suggestion for it.

Guia do colaborador

Pilha de tecnologia
javascriptreact
Domain
frontenddeveloper experience
Tipo Issue
feature
DifficultyDificuldade de implementação estimada para um novo contribuidor, de 1 para alterações muito pequenas a 5 para trabalho de nível especializado.
3
Tempo estimadoUm intervalo de tempo aproximado para um colaborador experiente investigar, implementar, testar e preparar um pull request.
1-3 hours
Status da atividadeQuão disponível o issue aparece agora: novo, ativo, obsoleto, bloqueado ou aguardando entrada do mantenedor.
fresh
ClarityCom que clareza o issue explica a mudança esperada, os critérios de aceitação e a próxima etapa.
clear
Prerequisites
Understanding of ESLint plugin developmentFamiliarity with JSXBasic knowledge of React
Simpatia para novatosUma pontuação de 1 a 100 que estima o quão acessível este issue é para colaboradores iniciantes.
50
Direção de pesquisa
This is a feature request for a new ESLint rule that enforces spaces between JSX attributes. To implement, study existing rules in the eslint plugin react repository, particularly those dealing with JSX spacing (e.g., jsx curly spacing). The rule should detect when multiple attributes appear consecutively without a space and suggest adding them, while preserving the space before the closing tag. The implementation involves adding a new rule file, tests, and documentation. See the rules directory at packages/eslint plugin react/lib/rules/ for examples.