当效用
when 帮助程序是 Markup 开箱即用的实用程序,用于在模板内或模板外进行条件渲染。
它模仿 if-else 语句,其中 else 是有条件的。
javascript
const visible = true
html` <p>${when(visible, `visible`, `hidden`)}</p> `条件
条件是第一个参数,它可以是静态值,也可以是会改变的函数,例如 StateGetter。
javascript
const [visible, updateVisible] = state(true)
html` ${when(visible, html`<p>visible</p>`, html`<p>hidden</p>`)} `每当条件发生变化时,when 助手都会重新评估,以实现准确的渲染。
然后&其他
第二个参数是必需的,代表“then”值,而第三个参数是可选的,因为它代表“else”主体。
javascript
const [visible, updateVisible] = state(true)
html`${when(visible, html`<p>visible</p>`)}`