reactjs - React Bootstrap - 向按钮添加逻辑

Question

我正在尝试向我的项目按钮添加逻辑 - 这就是逻辑:

<Button>
<input variant="primary" type="submit" value={editMode ? "Update Recipe" : "Create Recipe" }>

</input>
</Button>

到目前为止，我找不到实现它的方法..所以我最终在按钮内输入了一个输入 - 其中。看起来很奇怪。 有人可以给我一个见解吗？

here is what it looks like 谢谢:)

Answer 1

基于this documentation ，要在表单中实现提交按钮，您可以尝试以下操作:

<Button variant="primary" type="submit">
    {editMode ? "Update Recipe" : "Create Recipe" }
</Button>

您实际上可以使用按钮作为输入，而不是将输入字段放在按钮内。