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