stenciljs/eslint-plugin

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

Open

#11 geöffnet am 10. Mai 2020

Auf GitHub ansehen
 (3 Kommentare) (2 Reaktionen) (0 zugewiesene Personen)TypeScript (37 Forks)auto 404
Help Wantedtriage

Repository-Metriken

Stars
 (71 Stars)
PR-Merge-Metriken
 (PR-Metriken ausstehend)

Beschreibung

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

Contributor Guide

Research-Richtung
Untersuchen Sie, wie Sie Pfeilfunktionsbindungen in Stencil Komponenten umgestalten können, um die Regel react/jsx no bind einzuhalten, unter Bezugnahme auf die Stencil Dokumentation zur Ereignisbehandlung und die ESLint Regeldokumentation.
Tech Stack
javascripttypescript
Domain
frontend
Issue Type
Dokumentation
SchwierigkeitGeschätzte Implementierungsschwierigkeit für neue Contributors, von 1 für sehr kleine Änderungen bis 5 für Expertenarbeit.
2
Geschätzte ZeitEin grober Zeitrahmen, um zu recherchieren, zu implementieren, zu testen und einen Pull Request vorzubereiten.
1-3 Stunden
AktivitätsstatusWie verfügbar das Issue gerade wirkt: frisch, aktiv, stale, blockiert oder wartet auf Maintainer-Input.
Aktiv
KlarheitWie klar das Issue die erwartete Änderung, Akzeptanzkriterien und den nächsten Schritt erklärt.
Klar
Voraussetzungen
JavaScriptESLint
EinsteigerfreundlichkeitEin Score von 1 bis 100, der schätzt, wie zugänglich dieses Issue für First-Time Contributors ist.
60