Hacktoberfest 2026: los issues que los mantenedores marcaron para octubre, abiertos y aptos para principiantes. Explorar issues de Hacktoberfest

Dynamic prop/attr names

Abierto
#124 7 comentarios 0 reacciones 0 asignados Ver en GitHub

Nadie ha tomado este issue todavía.

Evaluación

Dificultad
5/5
Tiempo estimado
Más de una semana
Aptitud para principiantes
35/100
Tipo de issue
Nueva funcionalidad
Claridad
Bastante claro
Estado de actividad
Estancado
Stack tecnológico
javascript
Área
frontend, web-dev

Línea de trabajo

No se nombra ningún archivo ni prueba en el issue; empieza leyendo el issue #109 junto con los ejemplos de aquí para definir la distinción prevista. Usa los ejemplos de props opcionales, privadas y anónimas como casos de aceptación; se considera terminado cuando la funcionalidad admite estas formas sin confundirlas con #109.

Escrito por el modelo de indexación a partir del texto del issue.

Descripción

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?

Lenguaje dominante
JavaScript
Estrellas
9k
Forks
181
Sin PR fusionados en 30 d

Guía de contribución

Abrir la guía de contribución

Primeros pasos

  1. Lee el issue completo y luego la guía de contribución del proyecto.
  2. Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
  3. Haz un fork del repositorio y trabaja en una rama.
  4. Abre un pull request que haga referencia al número del issue.

Más de developit/htm

Todos los issues de developit/htm

Issues similares

Más issues de JavaScript

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.