我尝试在提交之前验证表单的值是否确实改变了,我使用表单来执行搜索,我也使用react-hook-form。例如,这些是我的领域:{名称:'sample 1,邮件:'sample@test.com' }如果用户从名称中删除1然后再次添加,我希望阻止提交,因为结果将是相同的目前我唯一的解决方案是将最后一个值存储在一个状态(useState)中,然后在提交处理程序中比较每个值以确定是否发生了更改
ohfgkhjo1#
您可以使用useWatch或watch获取表单值,如果值等于初始值,则禁用提交按钮。
wxclj1h52#
我的问题是,每次提交后我都使用默认值重置表单,所以现在我通过提供最后一次提交值来重置值,这样对任何字段的任何更改都将使dirty = true
2条答案
按热度按时间ohfgkhjo1#
您可以使用useWatch或watch获取表单值,如果值等于初始值,则禁用提交按钮。
wxclj1h52#
我的问题是,每次提交后我都使用默认值重置表单,所以现在我通过提供最后一次提交值来重置值,这样对任何字段的任何更改都将使dirty = true