跳到主要內容
版本:0.21

子女

Children 是一個特殊的屬性類型,讓您可以接收提供的嵌套 Html,就像 html 子元素一樣。

use yew::{function_component, html, Html, Properties};

#[function_component]
fn App() -> Html {
html! {
<HelloWorld>
<span>{"Hey what is up ;)"}</span>
<h1>{"THE SKY"}</h1>
</HelloWorld>
}
}

#[derive(Properties, PartialEq)]
pub struct Props {
pub children: Html, // the field name `children` is important!
}

#[function_component]
fn HelloWorld(props: &Props) -> Html {
html! {
<div class="very-stylized-container">
{ props.children.clone() } // you can forward children like this
</div>
}
}