React Semantic UI 表单 - 两个提交按钮

Question

我是 ReactJs 的新手，我正在尝试提交表单，但其中一个表单值必须取决于触发提交的提交按钮

我编写了类似这样的代码

<Form onSubmit={(e) => {
        e.preventDefault();
        const {target} = e;
        console.log('FormData', Object.fromEntries(new FormData(target)));
      }}>
... form fields ...
<Button icon="thumbs up" type="submit" content="Authorize" name="status" value="A" positive />
<Button icon="thumbs down" type="submit" content="Reject" name="status" value="R" negative />
</Form>

日志正确显示所有表单值，但“状态”字段除外。有什么办法可以实现预期的行为吗？任何替代方案都非常受欢迎

谢谢

Answer 1

您可以从 event.submitter 属性上的提交按钮获取状态值并将其附加到 FormData。

查看此答案了解更多信息：

React Semantic UI 表单 - 两个提交按钮

React Semantic UI Form - Two submit buttons

javascript

forms

reactjs

semantic-ui