React Semantic UI Form - 两个提交按钮答案

【问题标题】：React Semantic UI Form - Two submit buttonsReact Semantic UI Form - 两个提交按钮
【发布时间】：2021-11-30 18:30:38
【问题描述】：

我是 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>

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

谢谢

【问题讨论】：

标签： javascript reactjs forms semantic-ui

【解决方案1】：

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

【讨论】：