stenciljs/eslint-plugin

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

Open

#11 ouverte le 10 mai 2020

Voir sur GitHub
 (3 commentaires) (2 réactions) (0 assignés)TypeScript (37 forks)auto 404
Help Wantedtriage

Métriques du dépôt

Stars
 (71 stars)
Métriques de merge PR
 (Métriques PR en attente)

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

Guide contributeur

Direction de recherche
Étudiez comment refactoriser les liaisons de fonctions fléchées dans les composants Stencil pour se conformer à la règle react/jsx no bind, en vous référant à la documentation de Stencil sur la gestion des événements et à la documentation de la règle ESLint.
Stack technique
javascripttypescript
Domaine
frontend
Type d'issue
Documentation
DifficultéDifficulté estimée pour un nouveau contributeur, de 1 pour un très petit changement à 5 pour un travail expert.
2
Temps estiméFourchette de temps approximative pour investiguer, implémenter, tester et préparer une pull request.
1-3 heures
Statut d'activitéDisponibilité apparente de l'issue : fraîche, active, ancienne, bloquée ou en attente d'un mainteneur.
Active
ClartéClarté avec laquelle l'issue explique le changement attendu, les critères d'acceptation et la prochaine étape.
Claire
Prérequis
JavaScriptESLint
Accessibilité débutantScore de 1 à 100 estimant l'accessibilité de cette issue pour un premier contributeur.
60