在Formik和Material-UI中存储未屏蔽的InputMask值

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;