メインコンテンツまでスキップ
Version: Next

空のタグ (Fragments)

html! マクロは複数のルートノードを直接受け入れます。ルートレベルでフラグメントラッパー (<>...</>) は不要です:

use yew::prelude::*;

html! {
<div></div>
<p></p>
};

キー付きフラグメント

フラグメント構文の唯一の正当な用途は、キー付きフラグメントです。

use yew::prelude::*;

html! {
// .. siblings ..
<key="group-a">
<span>{"a1"}</span>
<span>{"a2"}</span>
</>
// .. siblings ..
};

キー付きフラグメントは、場合によっては差分処理のパフォーマンスとノードの永続化に役立ちます。