メインコンテンツまでスキップ
Version: Next

Lists

フラグメント

html!マクロは常にルートノードが 1 つであることを要求します。 この制限のために、空のタグを使って内容をラップすると良いでしょう。

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

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

イテレータ

Yew はイテレータから HTML をビルドするのに 2 つの方法をサポートしています。

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>
}