Skip to content

Commit b763734

Browse files
committed
fix example
1 parent 5094134 commit b763734

File tree

1 file changed

+9
-6
lines changed
  • src/routes/reference/component-apis

1 file changed

+9
-6
lines changed

src/routes/reference/component-apis/lazy.mdx

Lines changed: 9 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -73,15 +73,18 @@ import type { Component } from "solid-js"
7373

7474
const Nested = lazy(() => import("./Nested"))
7575

76-
const ComponentWithPreload: Component = () => {
77-
async function handlePreload() {
78-
await Nested.preload()
79-
}
76+
const ComponentWithPreload = () => {
77+
const [showNested, setShowNested] = createSignal(false)
8078

8179
return (
8280
<div>
83-
<button onClick={handlePreload}>Preload Nested Component</button>
84-
<Nested />
81+
<button
82+
onMouseEnter={() => Nested.preload()}
83+
onClick={() => setShowNested(true)}
84+
>Preload Nested Component</button>
85+
<Show when={showNested()}>
86+
<Nested />
87+
</Show>
8588
</div>
8689
)
8790
}

0 commit comments

Comments
 (0)