stenciljs/eslint-plugin

How to resolve "react/jsx-no-bind" in Stencil context.

Open

#11 aberto em 10 de mai. de 2020

Ver no GitHub
 (3 comments) (2 reactions) (0 assignees)TypeScript (37 forks)auto 404
Help Wantedtriage

Métricas do repositório

Stars
 (71 stars)
Métricas de merge de PR
 (Métricas PR pendentes)

Description

As per the recommendations on the stencil docs I use the binding/arrow function quite often on elements. What would be the best way to resolve the "react/jsx-no-bind" rule. I have seen their documentation but I can't seem to understand how the solutions could be applied in the context of Stencil components. This rule has been added intentionally to the stencil rules so I assume there is a solution to this, I just can't find it.

let item = "value";
<div onClick={() => self.select(item)}</div>

warning JSX props should not use arrow functions react/jsx-no-bind

Guia do colaborador

Direção de pesquisa
Investigue como refatorar os bindings de funções de seta em componentes Stencil para cumprir a regra react/jsx no bind, referenciando a documentação do Stencil sobre tratamento de eventos e a documentação da regra do ESLint.
Pilha de tecnologia
javascripttypescript
Domain
frontend
Tipo Issue
Documentação
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
JavaScriptESLint
Simpatia para novatosUma pontuação de 1 a 100 que estima o quão acessível este issue é para colaboradores iniciantes.
60