reactjs - 在具有处理表单式事件和行为的 HOC 输入标记的 ReactJS 中是否需要使用 <form> 标记？

Question

表单标签的使用似乎是多余的，尤其是在 SPA 中，刷新页面的默认操作更像是一种障碍，而不是一个功能:为什么只包含一个标签就必须编写 e.preventDefault( )以防止每次使用时的默认行为？

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

表单提交可以通过输入/受控输入本身的处理程序来处理，这些处理程序又调用一些中央表单提交方法。

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

My question is: Given a situation where input tags are configured as HOCs whose events such as onChange, onClick and onKeydown handle the majority of events (like form submit's event like submit when the enter key is pressed) and whose value is controlled by state:
Are there any reasons as to why omitting the use of form tags to build a form within ReactJS is a bad idea?

Answer 1

使用 <form>标签为您提供自动表单行为，例如当输入具有焦点时按 Enter 时提交表单。避免使用表单标记的好处为零。