@modern-js/main-doc 0.0.0-nightly-20231030172706 → 0.0.0-nightly-20231031173446
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -23,7 +23,7 @@ Create `src/routes/page.data.ts`:
|
|
|
23
23
|
```tsx
|
|
24
24
|
import { name, internet } from 'faker';
|
|
25
25
|
|
|
26
|
-
type LoaderData = {
|
|
26
|
+
export type LoaderData = {
|
|
27
27
|
code: number;
|
|
28
28
|
data: {
|
|
29
29
|
name: string;
|
|
@@ -56,8 +56,9 @@ Data Loader doesn't just work for SSR. In CSR projects, Data Loader can also avo
|
|
|
56
56
|
|
|
57
57
|
Modern.js also provides a hooks API called `useLoaderData`, we modify the exported component of `src/routes/page.tsx`:
|
|
58
58
|
|
|
59
|
-
```tsx {1,
|
|
59
|
+
```tsx {1,2,5,13}
|
|
60
60
|
import { useLoaderData } from '@modern-js/runtime/router';
|
|
61
|
+
import type { LoaderData } from './page.data';
|
|
61
62
|
|
|
62
63
|
function Index() {
|
|
63
64
|
const { data } = useLoaderData() as LoaderData;
|
|
@@ -23,7 +23,7 @@ pnpm add @types/faker@5 -D
|
|
|
23
23
|
```tsx
|
|
24
24
|
import { name, internet } from 'faker';
|
|
25
25
|
|
|
26
|
-
type LoaderData = {
|
|
26
|
+
export type LoaderData = {
|
|
27
27
|
code: number;
|
|
28
28
|
data: {
|
|
29
29
|
name: string;
|
|
@@ -56,8 +56,9 @@ Data Loader 并非只为 SSR 工作。在 CSR 项目中，Data Loader 也可以
|
|
|
56
56
|
|
|
57
57
|
Modern.js 也提供了一个叫 `useLoaderData` 的 hooks API，我们修改 `src/routes/page.tsx` 导出的组件：
|
|
58
58
|
|
|
59
|
-
```tsx {1,
|
|
59
|
+
```tsx {1,2,5,13}
|
|
60
60
|
import { useLoaderData } from '@modern-js/runtime/router';
|
|
61
|
+
import type { LoaderData } from './page.data';
|
|
61
62
|
|
|
62
63
|
function Index() {
|
|
63
64
|
const { data } = useLoaderData() as LoaderData;
|
package/package.json
CHANGED
|
@@ -15,17 +15,17 @@
|
|
|
15
15
|
"modern",
|
|
16
16
|
"modern.js"
|
|
17
17
|
],
|
|
18
|
-
"version": "0.0.0-nightly-
|
|
18
|
+
"version": "0.0.0-nightly-20231031173446",
|
|
19
19
|
"publishConfig": {
|
|
20
20
|
"registry": "https://registry.npmjs.org/",
|
|
21
21
|
"access": "public",
|
|
22
22
|
"provenance": true
|
|
23
23
|
},
|
|
24
24
|
"dependencies": {
|
|
25
|
-
"@modern-js/sandpack-react": "0.0.0-nightly-
|
|
25
|
+
"@modern-js/sandpack-react": "0.0.0-nightly-20231031173446"
|
|
26
26
|
},
|
|
27
27
|
"peerDependencies": {
|
|
28
|
-
"@modern-js/builder-doc": "0.0.0-nightly-
|
|
28
|
+
"@modern-js/builder-doc": "0.0.0-nightly-20231031173446"
|
|
29
29
|
},
|
|
30
30
|
"devDependencies": {
|
|
31
31
|
"classnames": "^2",
|
|
@@ -39,8 +39,8 @@
|
|
|
39
39
|
"@rspress/shared": "1.2.1",
|
|
40
40
|
"@types/node": "^16",
|
|
41
41
|
"@types/fs-extra": "^9",
|
|
42
|
-
"@modern-js/doc
|
|
43
|
-
"@modern-js/
|
|
42
|
+
"@modern-js/builder-doc": "0.0.0-nightly-20231031173446",
|
|
43
|
+
"@modern-js/doc-plugin-auto-sidebar": "0.0.0-nightly-20231031173446"
|
|
44
44
|
},
|
|
45
45
|
"scripts": {
|
|
46
46
|
"dev": "rspress dev",
|