有没有办法在提交时更改表单值

18 浏览
0 Comments

有没有办法在提交时更改表单值

我有一个情况，有两个按钮，我希望它们作为提交按钮。我该如何将 zip code 的值（在 formik 中）与选项的值（按钮 onclick）结合起来，例如：{\"option\": \"adult\", \"zip_code\": \"00000\"}。我找到了这个链接：https://github.com/formium/formik/issues/467#issuecomment-369833667，但它是针对类组件的，并且没有显示如何将按钮的值传递到 formik 的值中。\n代码中添加了以下内容：\n

import React, { useState, useEffect } from 'react';
import { Form, Formik, useField } from 'formik';
import * as Yup from 'yup';
// 其他代码省略

\n还尝试了以下内容：\n在每个按钮中添加了：formkprops={props}\n在按钮的点击函数中添加了：formkprops.submitForm()\n但是没有起作用。

0

1 答案

0 Comments

问题的出现原因是需要在表单提交时更改表单的值。解决方法是在点击按钮时调用setOption函数，将选项和zip_code作为参数传递，并使用alert函数显示选项的JSON.stringify结果。如果想要将选项传递给父组件并加载下一个组件，可以通过按钮或Formik的提交来实现。如果有许多输入框，可以通过{props.values}来传递所有的表单值。

需要注意的是，上述代码中的解决方法可能不完整或不准确，因为代码片段中没有完整的上下文和使用示例。

0