提交带有 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事件处理程序？

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

Answer 1

在输入中使用名称标签

例如

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