React 语义 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 属性上的提交按钮和 append 获取状态值到 FormData。

有关详细信息，请参阅此答案：

https://stackoverflow.com/a/64857928/681058