react-router-dom actions 和 mantine useForm 冲突？

Question

react-router-dom

操作和

useForm

之间是否存在冲突？例如，我正在探索 mantine 的身份验证表单。我想利用 react-router-dom actions。当我将表单替换为

react-router-dom

中的表单并通过单击

Register

触发操作时，

request.formData

中不会存储任何内容。这可以通过将

name="email"

添加到

TextInput

组件中来解决。但是，我注意到所有表单验证功能都消失了。我怀疑这是因为用

form

的

react-router-dom

替换了 mantine 的

Form

。想知道是否有一种优雅的方式将

react-router-dom

动作与 Mantine 的

useForm

一起使用？

这是一个沙箱

Answer 1

是的，

react-router-dom

的形式和Mantine的

useForm

之间可能存在冲突。
如果您将 Mantine 的表单替换为

<Form>

中的

react-router-dom

组件，您将失去 Mantine 表单处理提供的一些功能。