forked from imbytecat/fullstack-starter
feat: 更新路由组件名称并启用查询预获取优化性能
- 更新路由组件名称并启用查询预获取功能以优化数据加载性能。
This commit is contained in:
@@ -5,10 +5,13 @@ import { useState } from 'react'
|
|||||||
import { orpc } from '@/orpc'
|
import { orpc } from '@/orpc'
|
||||||
|
|
||||||
export const Route = createFileRoute('/todos')({
|
export const Route = createFileRoute('/todos')({
|
||||||
component: Todo,
|
component: Todos,
|
||||||
|
// loader: async ({ context }) => {
|
||||||
|
// await context.queryClient.prefetchQuery(orpc.todo.list.queryOptions())
|
||||||
|
// },
|
||||||
})
|
})
|
||||||
|
|
||||||
function Todo() {
|
function Todos() {
|
||||||
const [newTodoTitle, setNewTodoTitle] = useState('')
|
const [newTodoTitle, setNewTodoTitle] = useState('')
|
||||||
|
|
||||||
const listQuery = useSuspenseQuery(orpc.todo.list.queryOptions())
|
const listQuery = useSuspenseQuery(orpc.todo.list.queryOptions())
|
||||||
|
|||||||
Reference in New Issue
Block a user