按钮类型="submit" - 无法更改标签

Question

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

     <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。

知道为什么我不能更改值吗？

Answer 1

请按如下所示删除按钮

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

Answer 2

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

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

Answer 3

就这样使用元素

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

Answer 4

试试这个，

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

Answer 5

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

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

您可以添加onClick事件。

Answer 6

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

更改按钮，输入类型="submit"

Button type="submit" - unable to change label