在表单提交后设置初始值formik react js

在表单提交后设置初始值是指在使用formik和React.js开发表单时，可以通过设置初始值来预填充表单字段的值。这样可以方便用户在重新打开表单时，看到之前提交的数据，并且可以进行修改或补充。

在formik中，可以通过initialValues属性来设置表单的初始值。initialValues是一个对象，其中的键值对表示表单字段的名称和对应的初始值。例如：

import { useFormik } from 'formik';

const MyForm = () => {
  const formik = useFormik({
    initialValues: {
      name: '',
      email: '',
      password: '',
    },
    onSubmit: values => {
      // 处理表单提交逻辑
    },
  });

  return (
    <form onSubmit={formik.handleSubmit}>
      <label htmlFor="name">Name</label>
      <input
        id="name"
        name="name"
        type="text"
        onChange={formik.handleChange}
        value={formik.values.name}
      />

      <label htmlFor="email">Email</label>
      <input
        id="email"
        name="email"
        type="email"
        onChange={formik.handleChange}
        value={formik.values.email}
      />

      <label htmlFor="password">Password</label>
      <input
        id="password"
        name="password"
        type="password"
        onChange={formik.handleChange}
        value={formik.values.password}
      />

      <button type="submit">Submit</button>
    </form>
  );
};

在上述代码中，initialValues对象包含了name、email和password三个字段，并且它们的初始值都为空字符串。在表单的input元素中，通过value属性将formik.values.name、formik.values.email和formik.values.password与表单字段进行绑定，从而实现了初始值的设置。

对于formik的更多详细信息和使用方法，可以参考腾讯云的相关产品formik-react-js的文档：formik-react-js产品介绍。