,javascript,reactjs"/>

首页 > 解决方案 > 在 ReactJS 中做了一个

问题描述

只是一个(希望)简单的问题。我制作了一个 reactjs 应用程序,我使用<button>如下:

<div>
  <button> Hello, Click Me </button>
</div>

当我签入检查器时,<form>添加了一个,一切看起来像这样:

<form>
  <div>
    <button>Hello, Click Me</button>
  </div>
</form>

因此,我的问题是:

  1. a <button>, like是否应该<input>始终包含在 a 中<form>

因为就像本页显示的示例一样:LINK按钮未包含在<form>.

  1. <div onClick={something}>Something</div>和 和有什么不一样<button onClick={somethingNew}>Something New</button>

标签: javascriptreactjs

解决方案


  1. 不,在表单中保留按钮不是强制性的。您可以在表单之外使用它。<form>如果您使用任何请求发送表单数据,则需要将其括起来。

  2. <div onClick={something}>Something</div>和之间的区别在于,<button onClick={somethingNew}>Something New</button>在 div 上提供 onClick 将为包含元素的整个容器保留该功能。但是将其保留在指定元素上,在这种情况下,您的按钮将仅应用于按钮而不是整个容器。


推荐阅读