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事件处理程序？

Ps。我知道默认的React方法是包含state，但这会进一步增加样板代码。

Answer 1

在输入中使用名称标签

例如

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

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

1 个答案: