Formik是一个用于处理表单的React库。要获取Formik窗体上按下的按钮的值,可以通过以下步骤实现:
以下是一个示例代码:
import React from 'react';
import { Formik, Form, Field } from 'formik';
const MyForm = () => {
const handleButtonClick = (event) => {
const buttonValue = event.target.value;
console.log('Button value:', buttonValue);
};
return (
<Formik
initialValues={{ name: '', email: '' }}
onSubmit={(values) => {
console.log('Form values:', values);
}}
>
<Form>
<Field type="text" name="name" placeholder="Name" />
<Field type="email" name="email" placeholder="Email" />
<button type="submit">Submit</button>
<button type="button" value="Button 1" onClick={handleButtonClick}>
Button 1
</button>
<button type="button" value="Button 2" onClick={handleButtonClick}>
Button 2
</button>
</Form>
</Formik>
);
};
export default MyForm;
在上面的示例中,我们为两个按钮添加了相同的事件处理程序handleButtonClick
。在事件处理程序中,我们使用event.target.value
来获取按钮的值,并将其打印到控制台上。
请注意,这只是一个示例代码,实际情况中,您可能需要根据您的具体需求进行适当的修改和调整。
腾讯云相关产品和产品介绍链接地址:
领取专属 10元无门槛券
手把手带您无忧上云