leptos_declarative

用于表示控制流和其他有用结构的声明式组件，在 leptos 网页框架中默认不直接提供。

该软件包提供 2 个主要组件

• 如果
• 门户

使用方法

有关更多使用示例，请参阅相应组件的文档，但这里有一些示例。

如果

use leptos::*;
use leptos_declarative::prelude::*;

let (a, _) = create_signal(cx, true);
let (b, _) = create_signal(cx, false);

view! { cx,
  <If signal=a>
    <Then>"A is true!"</Then>
    <ElseIf signal=b>"B is true!"</ElseIf>
    <Else>"Both A and B are false!"</Else>
  </If>
};

门户

use leptos::*;
use leptos_declarative::prelude::*;

struct PortalId;

view! { cx,
 <PortalProvider>
   <div>
     <h1>"Portal goes here!"</h1>
     <PortalOutput id=PortalId />
   </div>
   <Portal id=PortalId>
     <p>"I went through the portal!"</p>
   </Portal>
 </PortalProvider>
};

lib.rs:

用于表示控制流和其他有用结构的声明式组件，在 leptos 网页框架中默认不直接提供。

该软件包提供 2 个主要组件

• 如果
• PortalInput

使用方法

有关更多使用示例，请参阅相应组件的文档，但这里有一些示例。

如果

use leptos::*;
use leptos_declarative::prelude::*;

let (a, _) = create_signal(cx, true);
let (b, _) = create_signal(cx, false);

view! { cx,
<If signal=a>
  <Then>"A is true!"</Then>
  <ElseIf signal=b>"B is true!"</ElseIf>
  <Else>"Both A and B are false!"</Else>
</If>
};

门户

use leptos::*;
use leptos_declarative::prelude::*;


struct PortalId;

view! { cx,
  <PortalProvider>
    <div>
      <h1>"Portal goes here!"</h1>
      <PortalOutput id=PortalId />
    </div>

    <PortalInput id=PortalId>
      <p>"I went through the portal!"</p>
    </PortalInput>
  </PortalProvider>
};