首页 文章

使用React输入字段提交标准HTML表单

提问于
浏览
0

有时我只想提交一个“普通”表单,但在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 ,但这会更多地增加样板代码 .

1 回答

  • 2

    在输入中使用名称标签

    例如

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

相关问题