jsx-eslint/eslint-plugin-react

Rule proposal: prevent object literal spreads

Aberta

#2.217 aberto em 26 de mar. de 2019

Ver no GitHubGuia do colaborador
 (1 comentário) (0 reação) (0 responsável)JavaScript (2.733 forks)batch import
help wantednew rule

Métricas do repositório

Stars
 (9.293 estrelas)
Métricas de merge de PR
 (Nenhuma PRs mesclada 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