reactjs 在mui + formik中如何在提交表单之前获取字段的值?

7cwmlq89  于 2023-05-06  发布在  React
关注(0)|答案(1)|浏览(154)

我必须在提交表单之前使用一个字段的值来验证特定字段。我使用onChange事件来执行相同的操作,但该值未显示在字段中。剩下的是空的。我用的是梅和福米克。
起始设置在这里。
https://codesandbox.io/s/holy-night-5rsrq2

afdcj2ne

afdcj2ne1#

代码是这样的

const formik = useFormik({
initialValues: {
  email: "Lorem",
  password: 'Lorem',
},
validationSchema: validationSchema,
onSubmit: (values) => {
  console.log(values);
},});

<TextField
      id="email"
      name="email"
      label="Email"
      value={formik.values.email}
      onChange={formik.handleChange}
      error={formik.touched.email && Boolean(formik.errors.email)}
 helperText={formik.touched.email && formik.errors.email}
  />

你可以从“值”弗罗姆获取数据,确保formik.handlechage出现在组件MUI上

相关问题