,可以通过以下步骤实现:
以下是一个示例代码:
import React, { useState } from 'react';
import { Formik, Form, Field } from 'formik';
import { TextField } from '@material-ui/core';
const MyForm = () => {
const [inputMaskValue, setInputMaskValue] = useState('');
const handleSubmit = (values) => {
// 在这里可以访问inputMaskValue来获取存储的未屏蔽的InputMask值
console.log(inputMaskValue);
// 其他处理逻辑...
};
const handleInputChange = (event) => {
setInputMaskValue(event.target.value);
};
return (
<Formik initialValues={{}} onSubmit={handleSubmit}>
<Form>
<Field
name="inputMask"
render={({ field }) => (
<TextField
{...field}
label="Input Mask"
inputProps={{ onChange: handleInputChange }}
/>
)}
/>
<button type="submit">提交</button>
</Form>
</Formik>
);
};
export default MyForm;
在这个示例中,我们使用了Formik和Material-UI来创建一个表单。TextField组件用于输入未屏蔽的InputMask值,并通过onChange事件处理函数将其存储到组件的state中。在Formik的onSubmit事件处理函数中,可以访问inputMaskValue来获取存储的未屏蔽的InputMask值,以进行后续处理。
请注意,这只是一个示例代码,具体的实现方式可能会根据项目的需求和使用的版本而有所不同。
领取专属 10元无门槛券
手把手带您无忧上云