Dynamic prop/attr names

Offen

#124 erstellt am 24.9.2019 7 Kommentare 0 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen

Dieses Issue hat noch niemand übernommen.

Bewertung

Schwierigkeit: 5/5
Geschätzter Aufwand: Über eine Woche
Anfängerfreundlichkeit: 35/100

Issue-Typ: Feature
Klarheit: Größtenteils klar
Aktivitätsstatus: Veraltet
Tech-Stack: javascript
Bereich: frontend, web-dev

Rechercherichtung

In der Issue werden weder Datei noch Test genannt; beginne damit, Issue #109 zusammen mit den Beispielen hier zu lesen, um die beabsichtigte Unterscheidung zu definieren. Verwende die Beispiele für optionale, private und anonyme props als Abnahmefälle; als erledigt gilt, dass das Feature diese Formen unterstützt, ohne sie mit #109 zu vermengen.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Beschreibung

discussion proposal

Not the same as #109.

That would be useful to have insertable attribute names:

html`<a ${foo}=${bar}/>`
// same as
html`<a ...${ {[foo]: bar} }/>`

Practical cases

Optional attributes:

html`<button ${ data.disabled ? 'disabled' : '' }/>`

Private props:

let html = htm.bind(h)

let _data = Symbol('data')
html`<a ${_data}=${data}/>`

function h (tag, props) {
  props[_data]
}

Anonymous props:

html`<a ${draggable}/>`

function draggable(el) {
...
}
draggable[Symbol.toPrimitive] = () => 'data-draggable'

@developit @jviide would you consider that feature?

Vorherrschende Sprache: JavaScript
Sterne: 9k
Forks: 181
PR-Merge-Kennzahlen: Keine gemergten PRs in 30 T.

Beitragsleitfaden

Beitragsleitfaden öffnen

Erste Schritte

Lesen Sie das ganze Issue und danach den Beitragsleitfaden des Projekts.
Schreiben Sie ins Issue, dass Sie es übernehmen — das erspart doppelte Arbeit.
Forken Sie das Repository und arbeiten Sie in einem Branch.
Öffnen Sie einen Pull Request, der die Issue-Nummer nennt.

Mehr aus developit/htm

Sarthak Offen

Schwierigkeit 5/5 Über eine Woche Anfängerfreundlichkeit 1/100

developit/htm#268 · 1 Reaktion · Erstellt am 31.10.2025
Tugas Offen

Schwierigkeit 5/5 Über eine Woche Anfängerfreundlichkeit 10/100

developit/htm#266 · 1 Reaktion · Erstellt am 28.5.2025
Tugas Offen

Schwierigkeit 5/5 Über eine Woche Anfängerfreundlichkeit 1/100

developit/htm#265 · 3 Reaktionen · Erstellt am 28.5.2025
type checking templates Offen

Schwierigkeit 5/5 Über eine Woche Anfängerfreundlichkeit 20/100

developit/htm#264 · 1 Kommentar · 1 Reaktion · Erstellt am 16.2.2025
Missing dependency on preact / react (ghost dependency) Offen

Schwierigkeit 2/5 1-3 Stunden Anfängerfreundlichkeit 35/100

developit/htm#262 · 3 Kommentare · Erstellt am 03.2.2025

Alle Issues in developit/htm