jsx-eslint/eslint-plugin-react

New Rule: Prevent boolean values for unknown props

Open

#1.695 aberto em 15 de fev. de 2018

Ver no GitHub
 (4 comments) (0 reactions) (0 assignees)JavaScript (2.797 forks)batch import
enhancementhelp wantedreact 16

Métricas do repositório

Stars
 (8.630 stars)
Métricas de merge de PR
 (Nenhuma PRs mesclada em 30d)

Description

React 16 does not ignore Boolean values for unknown props anymore.

So while this code "worked" in react 15:

<div onClick={!disabled && onClick}/>

It would try to assing false to the DOM elements onClick handler when disabled === true (which would be ignored by the browser).

React 16 will print an error message in the console though.

How about a rule that does not allow boolean results for unknown props?

See https://reactjs.org/blog/2017/09/08/dom-attributes-in-react-16.html#changes-in-detail "Non-boolean attributes with boolean values"

Guia do colaborador

Direção de pesquisa
Implemente uma nova regra do ESLint que detecta valores booleanos atribuídos a props DOM desconhecidas em JSX, com base na mudança de comportamento do React 16. Use a AST para verificar JSXExpressionContainer em busca de literais booleanos e validar contra uma lista de props conhecidas.
Pilha de tecnologia
javascriptreact
Domain
frontendtooling
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.
1-3 horas
Status da atividadeQuão disponível o issue aparece agora: novo, ativo, obsoleto, bloqueado ou aguardando entrada do mantenedor.
Ativo
ClarityCom que clareza o issue explica a mudança esperada, os critérios de aceitação e a próxima etapa.
Claro
Prerequisites
ESLintReact
Simpatia para novatosUma pontuação de 1 a 100 que estima o quão acessível este issue é para colaboradores iniciantes.
75