React 构建自己的组件

Question

有时我需要一些特殊的 UI 组件，例如多个范围滑块，但我不喜欢使用第三方库，所以通常我自己创建组件。 随着时间的推移，我绝对停止使用表单标签，而不是那样，我只使用 div 而不是 onSubmit 只使用 onClick，它调用函数，从 redux 返回数据（也使用我自己的 redux 表单实现）。 例如：

<div>
  <div className="form-title">Some random Form</div>
  <div className="form-body">
    <Input 
      type="text" 
      label="Name: *" 
      form="random_form" 
      name="name" 
    />
  </div>
  <div className="form-footer">
    <Button onClick={()=> handleSubmit()}>Save</Button>
  </div>
</div>

const handleSubmit = () => {
  const form = getForm("random_form")
}

在这种情况下，我使用组件 Input，它返回正常的 html 输入 ()。 但现在我想我会创建一些其他的伪表单组件，它将从一些跨度和 div 构建。 我的问题 - 可以，当我不使用表单标签并创建自己的表单组件时，它没有默认的 html 等效项。

Answer 1

由于可访问性问题，如果您正在制作表单，通常最好使用表单标签，但正如其他人提到的，这不是必需的。

如果您没有表单标签，您确实会失去一些功能。 例如，如果您有一个带有required的输入，它会在提交表单时得到验证，但由于没有表单，它不会自动验证。 我遇到的一个更微妙的问题是，如果没有提交事件发生，浏览器可能不会保存您的输入以供自动完成。