列表

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