Skip to main content
Version: Next

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