列表

Fragments

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

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

迭代器

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

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

相关例子