关于提交和useState问题的React-hook-form

齐亚克

嘿,我在使用react-hook-form时面临着这个奇怪的问题。

这是我代码的要点

const [error, setError] = useState(true)

const onSubmit = values => {
    setError(false)
    console.log(error) // true on first click and false on second click
}
<input type="submit" />

如您所见,我第一次单击输入时得到的错误为true,而第二次单击时得到的错误为false。

我希望第一次输入错误时错误为假,有人知道它为什么是真的吗?

注意:我的表单是一个嵌套表单,在其中我使用FormContext包裹表单,以便可以将表单拆分为较小的组件。可能是造成这种副作用的原因,还是我所缺少的只是显而易见的东西?

乔治敦

是的,React很奇怪。setError(false)第一次运行并更改状态,但不能保证是同步的。因此,console.log()之后的状态仍然为旧状态。

反应挂钩useState不使用onChange更新

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类常见问题

react-hook-form的DefaultValues没有将值设置为React JS中的Input字段

来自分类常见问题

react-hook-form处理handleSubmit中的服务器端错误

来自分类Dev

从我的表单获取空数据对象react-hook-form

来自分类Dev

react-hook-form-控制器在第一次更改时未更新

来自分类Dev

如何在Ant设计或材质UI中使用react-hook-form

来自分类Dev

如何将react-hook-form组成组件

来自分类Dev

可以使用带有react-hook-form和react-input-mask的reactstrap吗?

来自分类Dev

如何使用react-hook-form在React中存储无线电组的状态

来自分类Dev

react hook useState()的行为很奇怪

来自分类Dev

React-hook-form输入字段匹配验证最佳实践

来自分类Dev

React Form Hook:再次使选择器的宽度相等

来自分类Dev

如何使用带有道具和材质UI的react-hook-form

来自分类Dev

尝试将react-hook-form与react-input掩码结合使用

来自分类Dev

如何使用useEffect()更改React-Hook-Form defaultValue?

来自分类Dev

react-hook-form-每次提交后为空输入字段

来自分类Dev

如何在类Component内使用react-hook-form?

来自分类Dev

react-hook-form和material-ui FormControl

来自分类Dev

将HTMLFormElement.reset()与Downshift和react-hook-form一起使用

来自分类Dev

react-hook-form的DefaultValues没有将值设置为React JS中的Input字段

来自分类Dev

React-hook-form如何彼此交互?

来自分类Dev

从我的表单获取空数据对象react-hook-form

来自分类Dev

react-hook-form:表单状态和输入状态之间双向映射的惯用方法

来自分类Dev

来自react-hook-form的数据

来自分类Dev

如何对嵌套数组使用react-hook-form

来自分类Dev

未与useFieldArray保存的react-hook-form id

来自分类Dev

react-hook-form撤消表单到以前的状态

来自分类Dev

TypeError:寄存器不是在React中使用React Hook Form的函数

来自分类Dev

React Native React-Hook-Form重置

来自分类Dev

在Drupal 7中,form_submit hook和hook_form_submit之间的基本区别是什么?

Related 相关文章

  1. 1

    react-hook-form的DefaultValues没有将值设置为React JS中的Input字段

  2. 2

    react-hook-form处理handleSubmit中的服务器端错误

  3. 3

    从我的表单获取空数据对象react-hook-form

  4. 4

    react-hook-form-控制器在第一次更改时未更新

  5. 5

    如何在Ant设计或材质UI中使用react-hook-form

  6. 6

    如何将react-hook-form组成组件

  7. 7

    可以使用带有react-hook-form和react-input-mask的reactstrap吗?

  8. 8

    如何使用react-hook-form在React中存储无线电组的状态

  9. 9

    react hook useState()的行为很奇怪

  10. 10

    React-hook-form输入字段匹配验证最佳实践

  11. 11

    React Form Hook:再次使选择器的宽度相等

  12. 12

    如何使用带有道具和材质UI的react-hook-form

  13. 13

    尝试将react-hook-form与react-input掩码结合使用

  14. 14

    如何使用useEffect()更改React-Hook-Form defaultValue?

  15. 15

    react-hook-form-每次提交后为空输入字段

  16. 16

    如何在类Component内使用react-hook-form?

  17. 17

    react-hook-form和material-ui FormControl

  18. 18

    将HTMLFormElement.reset()与Downshift和react-hook-form一起使用

  19. 19

    react-hook-form的DefaultValues没有将值设置为React JS中的Input字段

  20. 20

    React-hook-form如何彼此交互?

  21. 21

    从我的表单获取空数据对象react-hook-form

  22. 22

    react-hook-form:表单状态和输入状态之间双向映射的惯用方法

  23. 23

    来自react-hook-form的数据

  24. 24

    如何对嵌套数组使用react-hook-form

  25. 25

    未与useFieldArray保存的react-hook-form id

  26. 26

    react-hook-form撤消表单到以前的状态

  27. 27

    TypeError:寄存器不是在React中使用React Hook Form的函数

  28. 28

    React Native React-Hook-Form重置

  29. 29

    在Drupal 7中,form_submit hook和hook_form_submit之间的基本区别是什么?

热门标签

归档