Refinedev/react-hook-form 中 useForm 重定向功能的使用指南

在使用 Refinedev 的 react-hook-form 包时，开发者可能会遇到一个常见问题：如何正确配置表单提交后的重定向行为。本文将详细介绍这一功能的使用方法及其背后的设计原理。

问题背景

许多开发者按照教程尝试在 useForm 中直接使用 redirect 参数时，会遇到 TypeScript 类型错误。这是因为 react-hook-form 包中的 useForm 与核心包的 API 设计存在差异。

正确使用方法

在 react-hook-form 包中，重定向配置需要通过 refineCoreProps 对象传递：

const { refineCore: { onFinish } } = useForm({
  refineCoreProps: {
    redirect: "show" // 或其他有效值
  }
});

参数选项

redirect 参数支持以下几种配置：

• false：禁用重定向
• "show"：提交后跳转到详情页
• "edit"：提交后跳转到编辑页
• "list"：提交后跳转到列表页

设计原理

这种设计源于 react-hook-form 包作为核心包的封装层。refineCoreProps 专门用于传递需要透传给核心功能的配置项，保持了 API 的清晰性和扩展性。

最佳实践

1. 始终通过 refineCoreProps 传递核心功能配置
2. 在 TypeScript 项目中利用类型提示确保参数正确
3. 对于复杂场景，可以结合 onSuccess 回调实现自定义重定向逻辑

理解这一设计模式有助于开发者更好地使用 Refinedev 生态中的各种功能包，并在遇到类似 API 差异时能够快速定位问题。