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

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