Button type="submit" - 无法更改标签答案

【问题标题】：Button type="submit" - unable to change labelButton type="submit" - 无法更改标签
【发布时间】：2020-03-20 18:29:55
【问题描述】：

我有一个像这样的简单提交按钮：

     <button
       type="submit"
       value="Create New Item"
       className="btn btn-lg btn-primary btn-block mt-4"
     />

我一直在想，为什么value（按钮的标签）具有默认值而不是所需的值（"Create New Item"），无论我做什么。 input type="submit" 也是如此，但在阅读了 this 之后，我决定坚持使用 button。

任何想法为什么我不能改变价值？

【问题讨论】：

说真的，问题到底是什么，问题的标题没有任何意义。为什么 react js 标记在这个？
您的 HTML 无效。
@KarthiKeyan 我在按钮声明中使用了className 而不是class，这是一个React 的东西。我认为我无法更改标签的事实可能与class vs className 类似。
@pidabrow 您认为按钮标签的默认值是什么？

【解决方案1】：

&lt;input type="submit" value="Create New Item" className="btn btn-lg btn-primary btn-block mt-4" /&gt;

更改按钮，输入 type="submit"

【讨论】：

【解决方案2】：

请按如下方式删除按钮

<button type="submit" className="btn btn-lg btn-primary btn-block mt-4">
   Create New Item
</button>

【讨论】：

【解决方案3】：

您无需指定输入类型，只需替换如下：

<button className="btn btn-lg btn-primary btn-block mt-4">
Create New Item
</button>

您可以添加 onClick 事件。

【讨论】：

【解决方案4】：

只要使用这样的元素

 <button type="submit" className="btn btn-lg btn-primary btn-block mt-4">Create 
 New Item</button/>

【讨论】：

【解决方案5】：

试试这个，

<button onClick={onClickMethod}> Click Here </button>

【讨论】：

【解决方案6】：

如果您想动态更改按钮内的文本；你应该这样设置：

<button>{this.state.buttonLabel}</button>

【讨论】：