條件式渲染

if 區塊

要以條件式渲染某些標記，我們將其包覆在 if 區塊內

if

use yew::prelude::*;

html! {
    if true {
        <p>{ "True case" }</p>
    }
};

if - else

use yew::prelude::*;
let some_condition = true;

html! {
    if some_condition {
        <p>{ "True case" }</p>
    } else {
        <p>{ "False case" }</p>
    }
};

if let

use yew::prelude::*;
let some_text = Some("text");

html! {
    if let Some(text) = some_text {
        <p>{ text }</p>
    }
};

if let else

use yew::prelude::*;
let some_text = Some("text");

html! {
    if let Some(text) = some_text {
        <p>{ text }</p>
    } else {
        <p>{ "False case" }</p>
    }
};