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