【问题标题】:Antd Form doesn't submit when there are more than one text input insideAntd Form里面有多个文本输入时不提交
【发布时间】:2018-11-07 03:22:53
【问题描述】:

我有一个简单的例子,如果我添加多个文本输入并在其中一个输入集中时按下“Enter”键,由于某种原因表单停止调用onSubmit 回调。

这是 CodePen 上的链接:https://codepen.io/anon/pen/KePXOj?&editors=001

这个有效:

<Form onSubmit={(e)=>{e.preventDefault(); console.log(e)}}>
    <Input/>
</Form>

这不是:

<Form onSubmit={(e)=>{e.preventDefault(); console.log(e)}}>
    <Input/>
    <Input/>
</Form>

我做错了什么?

【问题讨论】:

标签: forms reactjs google-chrome antd


【解决方案1】:

这似乎不是 antd 的问题,这是一个已知的怪癖,即在按 Enter 时只有一个输入触发 onsubmit,而如果它们有多个输入则不会。

This 可能是相关的

【讨论】:

  • 真的吗?我觉得通过电子邮件/密码点击 onSubmit 登录是很常见的。
猜你喜欢
  • 1970-01-01
  • 2011-06-17
  • 1970-01-01
  • 2019-03-01
  • 2017-07-27
  • 2013-05-20
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多