Skip to main content
Version: 0.18.0

Lists

Fragments

html! 巨集裡必須只有一個根結點。為了可以繞過這個限制,將兩個以上的結點,用空的標籤包裹起來,是合法的:

html! {
<>
<div></div>
<p></p>
</>
}
/* error: only one root html element allowed */

html! {
<div></div>
<p></p>
}

Iterators

Yew 支援兩種不同的方式,從 iterator 建構 html:

html! {
<ul class="item-list">
{ self.props.items.iter().map(renderItem).collect::<Html>() }
</ul>
}
html! {
<ul class="item-list">
{ for self.props.items.iter().map(renderItem) }
</ul>
}