Quando Utilitário
O auxiliar when é um utilitário pronto para uso Markup para fazer renderização condicional dentro ou fora de modelos.
Ele imita uma instrução if-and-else, sendo o else condicional.
javascript
const visible = true
html` <p>${when(visible, `visible`, `hidden`)}</p> `Condição
A condição é o primeiro argumento e pode ser um valor estático ou uma função para algo que mudará como um StateGetter.
javascript
const [visible, updateVisible] = state(true)
html` ${when(visible, html`<p>visible</p>`, html`<p>hidden</p>`)} `O auxiliar when será reavaliado sempre que a condição mudar para uma renderização precisa.
Então e mais
O segundo argumento é obrigatório e representa o valor “then”, enquanto o terceiro argumento é opcional, pois representa o corpo “else”.
javascript
const [visible, updateVisible] = state(true)
html`${when(visible, html`<p>visible</p>`)}`