Literals and Expressions

常量

如果一个表达式的类型本身实现了 Display （一个标准库中的 Trait），他们将会被转化成字符串并且作为一个 Text 节点插入 DOM 中。

所有的需要显示的文本必须被 {} 块包含，因为这些文本会被当做一个 Rust 表达式来处理。这一点上，Yew 中使用 HTML 的方式和正常 HTML 语法有巨大的区别。

  1. let text = "lorem ipsum";
  2. html!{
  3.     <>
  4.         <div>{text}</div>
  5.         <div>{"dolor sit"}</div>
  6.         <span>{42}</span>
  7.     </>
  8. }

表达式

你可以在 HTML 中使用 {} 块来插入 Rust 表达式，只要这些表达式最终可以被解析成 Html

  1. html! {
  2.   <div>
  3.     {
  4.       if show_link {
  5.         html! {
  6.           <a href="https://example.com">{"Link"}</a>
  7.         }
  8.       } else {
  9.         html! {}
  10.       }
  11.     }
  12.   </div>
  13. }

通常我们会把这些表达式写进函数或者闭包中来增加可读性：

  1. let show_link = true;
  2. let maybe_display_link = move || -> Html {
  3.   if show_link {
  4.     html! {
  5.       <a href="https://example.com">{"Link"}</a>
  6.     }
  7.   } else {
  8.     html! {}
  9.   }
  10. };
  12. html! {
  13.      <div>{maybe_display_link()}</div>
  14. }