javascript - 在 ReactJS 中做了一个
问题描述
只是一个(希望)简单的问题。我制作了一个 reactjs 应用程序,我使用<button>
如下:
<div>
<button> Hello, Click Me </button>
</div>
当我签入检查器时,<form>
添加了一个,一切看起来像这样:
<form>
<div>
<button>Hello, Click Me</button>
</div>
</form>
因此,我的问题是:
- a
<button>
, like是否应该<input>
始终包含在 a 中<form>
?
因为就像本页显示的示例一样:LINK按钮未包含在<form>
.
<div onClick={something}>Something</div>
和 和有什么不一样<button onClick={somethingNew}>Something New</button>
?
解决方案
不,在表单中保留按钮不是强制性的。您可以在表单之外使用它。
<form>
如果您使用任何请求发送表单数据,则需要将其括起来。<div onClick={something}>Something</div>
和之间的区别在于,<button onClick={somethingNew}>Something New</button>
在 div 上提供 onClick 将为包含元素的整个容器保留该功能。但是将其保留在指定元素上,在这种情况下,您的按钮将仅应用于按钮而不是整个容器。
推荐阅读
- linq - AspNetBoilerplate 返回所有记录,除了 where 子句
- ios - SwiftUI 中的 dequeueReusableCell(withIdentifier: "") 等价物是什么?
- java - 在一个索引中搜索文档并从另一个索引中获取行数
- java - 春季启动,XML 在 POM.xml 上有“未知”错误
- google-cloud-platform - “创建新版本”忽略自定义服务帐户
- android - PreferenceFragmentCompat 中的 Android ViewModel
- api - 如何在 Graphql 中获取特定的安全咨询存储库
- python - 指定日期时间周数格式
- c - 通过 OpenSSL 解密字符串
- r - 过滤R数据帧中的奇怪行号