提交带有React输入字段的标准HTML表单

Question

有时我只想提交一个“普通”表单，但是在React中有输入字段（出于样式原因）。

但是，表单在提交时似乎没有“看到”输入字段的值。

<form action="comments" method="post">
  <label>
    Name:
    <input
      className={styles.input}
      defaultValue="Bob"
      type="text"
      ref={this.input} />
  </label>
  <input type="submit" value="Submit" />
</form>

有没有一种方法可以完成上述操作，即发布表单而不必创建onSubmit表单中每个字段的onSubmit事件处理程序？

附言 我知道默认的React方法是包含state ，但这更多地增加了样板代码。

Answer 1

在输入中使用名称标签

例如

<input name="comment" type="text" defaultValue="Bob"/>