Cuando la utilidad
El asistente when es la utilidad Markup lista para usar para realizar renderizado condicional dentro o fuera de las plantillas.
Imita una declaración if-y-else siendo el else condicional.
javascript
const visible = true
html` <p>${when(visible, `visible`, `hidden`)}</p> `Condición
La condición es el primer argumento y puede ser un valor estático o una función para algo que cambiará como un StateGetter.
javascript
const [visible, updateVisible] = state(true)
html` ${when(visible, html`<p>visible</p>`, html`<p>hidden</p>`)} `El asistente when volverá a evaluar cada vez que cambie la condición para obtener una representación precisa.
Entonces y más
El segundo argumento es obligatorio y representa el valor "entonces", mientras que el tercer argumento es opcional ya que representa el cuerpo "otro".
javascript
const [visible, updateVisible] = state(true)
html`${when(visible, html`<p>visible</p>`)}`