在ReactJS中是否有必要使用<form>标签,而该标签具有处理表单样式事件和行为的HOC输入标签?

Pin*_*eda 4 reactjs

尤其是在SPA中,使用表单标签似乎是多余的,在SPA中,刷新页面的默认操作比功能更受阻碍:为什么只包含标签e.preventDefault()以防止每次使用时都会阻止其默认行为

任何表单行为都可以通过组合输入标签,本地组件/应用程序状态和方法来处理。

表单提交可以由输入/受控输入本身的处理程序处理,而输入/受控输入本身又调用某些中央表单提交方法。

我在创建动态表单组件(输入和类型是从对象动态构建)时尝试过的,没有明显的缺点。

我的问题是:由于所处的环境输入标签被配置为肝卵圆细胞,其事件如的onChange,的onClick和onkeydown事件处理大部分的事件(如表单提交的事件就像当按键被按下回车提交)其值由国家控制:
是否有任何原因为什么要忽略在ReactJS中使用表单标签来构建表单是一个坏主意?

And*_*Ray 7

使用<form>标签可以自动执行表单行为,例如Enter在输入具有焦点时按时可以提交表单。避免使用表单标签的好处为零。

  • 是什么让在受控输入的包装器中定义您自己的 Key 事件处理程序“很差”?相同的密钥处理程序也可以一次性处理验证,而不必将其全部写入单个 onSubmit。 (2认同)