refactor: 更新事件处理函数类型定义

- 更新事件处理函数类型以使用更精确的类型定义,提升代码可读性和类型安全性。
This commit is contained in:
2026-01-18 04:53:41 +08:00
parent 895f733972
commit 8a109f9fa2

View File

@@ -1,6 +1,6 @@
import { useMutation, useSuspenseQuery } from '@tanstack/react-query' import { useMutation, useSuspenseQuery } from '@tanstack/react-query'
import { createFileRoute } from '@tanstack/react-router' import { createFileRoute } from '@tanstack/react-router'
import type { ChangeEvent, FormEvent } from 'react' import type { ChangeEventHandler, FormEventHandler } from 'react'
import { useState } from 'react' import { useState } from 'react'
import { orpc } from '@/orpc' import { orpc } from '@/orpc'
@@ -19,7 +19,7 @@ function Todos() {
const updateMutation = useMutation(orpc.todo.update.mutationOptions()) const updateMutation = useMutation(orpc.todo.update.mutationOptions())
const deleteMutation = useMutation(orpc.todo.remove.mutationOptions()) const deleteMutation = useMutation(orpc.todo.remove.mutationOptions())
const handleCreateTodo = (e: FormEvent<HTMLFormElement>) => { const handleCreateTodo: FormEventHandler<HTMLFormElement> = (e) => {
e.preventDefault() e.preventDefault()
if (newTodoTitle.trim()) { if (newTodoTitle.trim()) {
createMutation.mutate({ title: newTodoTitle.trim() }) createMutation.mutate({ title: newTodoTitle.trim() })
@@ -27,7 +27,7 @@ function Todos() {
} }
} }
const handleInputChange = (e: ChangeEvent<HTMLInputElement>) => { const handleInputChange: ChangeEventHandler<HTMLInputElement> = (e) => {
setNewTodoTitle(e.target.value) setNewTodoTitle(e.target.value)
} }