Lists

Fragments

html! 宏总是要求一个单一的根节点。为了绕开这个限制，可以把内容包裹在一个空标签内：

Valid

Invalid

  1. html! {    <>        <div></div>        <p></p>    </>}
  1. /* 错误：只允许一个 html 根元素 */html! {    <div></div>    <p></p>}

迭代器

Yew 支持两种从迭代器构建 html 的语法：

Syntax Type 1

Syntax Type 2

  1. html! {    <ul class="item-list">        { self.props.items.iter().map(renderItem).collect::<Html>() }    </ul>}
  1. html! {    <ul class="item-list">        { for self.props.items.iter().map(renderItem) }    </ul>}