当效用

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>`)}`
编辑本文档