提交帶有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"/>