jsx-eslint/eslint-plugin-react

Rule proposal: prevent object literal spreads

Open

#2.217 aberto em 26 de mar. de 2019

Ver no GitHub
 (1 comment) (0 reactions) (0 assignees)JavaScript (2.797 forks)batch import
help wantednew rule

Métricas do repositório

Stars
 (8.630 stars)
Métricas de merge de PR
 (Mesclagem média 1d 17h) (3 fundiu PRs em 30d)

Description

In JSX it's possible to write:

<Foo {...{a: 1, b: 2}} />

instead of

<Foo a={1} b={2} />

The former is valid JSX but (to React eyes) hard to read. It would be good to lint against it (it may be autofixable too, not sure about edge cases).

Guia do colaborador

Direção de pesquisa
Implemente uma nova regra ESLint que detecta espalhamentos de objetos literais em JSX (por exemplo, `{...{a:1}}`) e sugere correção automática para props individuais. Estude as regras existentes no eslint plugin react para padrões e tipos de nós AST.
Pilha de tecnologia
javascriptreactnodejs
Domain
frontend
Tipo Issue
Funcionalidade
DifficultyDificuldade de implementação estimada para um novo contribuidor, de 1 para alterações muito pequenas a 5 para trabalho de nível especializado.
2
Tempo estimadoUm intervalo de tempo aproximado para um colaborador experiente investigar, implementar, testar e preparar um pull request.
Meio dia
Status da atividadeQuão disponível o issue aparece agora: novo, ativo, obsoleto, bloqueado ou aguardando entrada do mantenedor.
Recente
ClarityCom que clareza o issue explica a mudança esperada, os critérios de aceitação e a próxima etapa.
Claro
Prerequisites
None
Simpatia para novatosUma pontuação de 1 a 100 que estima o quão acessível este issue é para colaboradores iniciantes.
80