react/no-unused-prop-types no working when use `{...this.state}`

Métricas do repositório

Stars

8.630 stars (8.630 stars)

Métricas de merge de PR

Nenhuma PRs mesclada em 30d (Nenhuma PRs mesclada em 30d)

Description

import React, { Component } from 'react';
import PropTypes from 'prop-types';
import logo from './logo.svg';
import './App.css';

class App extends Component {
  static propTypes = {
    bar: PropTypes.string.isRequired,
  };

  state = {
    style: { color: 'red' },
  };

  render() {
    return (
      <div className="App">
        <header className="App-header">
          <img src={logo} className="App-logo" alt="logo" />
          // when I add `{...this.state}`, the rule is no working
          <h1 className="App-title" {...this.state} >Welcome to React</h1>
        </header>
        <p className="App-intro">
          To get started, edit <code>src/App.js</code> and save to reload.
        </p>
      </div>
    );
  }
}

export default App;

{
  "extends": "react-app",
  "rules": {
    "react/no-unused-prop-types": [
      "error",
      {
        "customValidators": [],
        "skipShapeProps": true
      }
    ]
  }
}

Guia do colaborador

Direção de pesquisa

Investigue por que a regra 'react/no unused prop types' não reporta props não utilizadas ao usar `{...this.state}` em JSX. Examine a implementação da regra para detectar o uso de props, especialmente como ela lida com atributos spread. Verifique a lógica de travessia AST para ver se expressões spread que referenciam state são ignoradas. Considere atualizar a regra para tratar spreads de state como uso potencial de props, ou adicionar uma opção para ignorar esses casos. Verifique testes existentes para padrões de spread semelhantes e adicione um teste com falha para este caso.

Pilha de tecnologia

javascriptreact

Domain

frontendtooling

Tipo Issue

Bug

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

JavaScriptReactESLint

Simpatia para novatosUma pontuação de 1 a 100 que estima o quão acessível este issue é para colaboradores iniciantes.

75