Function: Show()
function Show(props: ShowProps): DocumentFragment;
Defined in: src/custom-components/show.ts:86
Show - Helper para rendering condicional sin loops
Parameters
| Parameter | Type |
|---|---|
props |
ShowProps |
Returns
DocumentFragment
Examples
@Component
class RouteView extends BaseComponent {
@Resource(...)
componentClass!: IResource<any>;
view() {
return (
<>
<Show when={() => this.componentClass.state === 'pending'}>
{() => <div>Loading...</div>}
</Show>
<Show when={() => this.componentClass.state === 'ready'}>
{() => this.jsx(this.componentClass.get(), {})}
</Show>
</>
);
}
}
<Show
when={() => this.user.isLoggedIn}
fallback={() => <LoginButton />}
>
{() => <UserProfile user={this.user} />}
</Show>