Conditional rendering

If blocks

To conditionally render some markup, we wrap it in an if block:

• if
• if - else
• if let
• if let else

1. use yew::prelude::*;

3. html! {
4. if true {
5. <p>{ "True case" }</p>
6. }
7. };

1. use yew::prelude::*;
2. let some_condition = true;

4. html! {
5. if some_condition {
6. <p>{ "True case" }</p>
7. } else {
8. <p>{ "False case" }</p>
9. }
10. };

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

4. html! {
5. if let Some(text) = some_text {
6. <p>{ text }</p>
7. }
8. };

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

4. html! {
5. if let Some(text) = some_text {
6. <p>{ text }</p>
7. } else {
8. <p>{ "False case" }</p>
9. }
10. };