feat: 更新路由组件名称并启用查询预获取优化性能

- 更新路由组件名称并启用查询预获取功能以优化数据加载性能。
This commit is contained in:
2026-01-18 01:53:36 +08:00
parent 6a2f2e1b00
commit 728aeac32c

View File

@@ -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())