如何获取 Formik 表单上按下的按钮的值？

Question

在 React 应用程序中使用 Formik 时，表单具有多个定义如下的按钮：

<button type="submit" name="action" value="unlock">Unlock account</button>
<button type="submit" name="action" value="delete">Delete account</button>

如何获取按下的按钮的name和/或？value

我确实尝试将该字段添加action到我的 中initialValues，但它仍然是空白的。

Answer 1

我找到了一种解决方法，即以这种方式定义我的按钮：

<button type="submit" onClick={() => setFieldValue("action", "unlock")}>unlock</button>
<button type="submit" onClick={() => setFieldValue("action", "delete")}>delete</button>

然后在 Formik 的onSubmit回调中，我检查并重置该action字段。