reactjs - 如何将字段值发送到初始值？

Question

我创建了一个表单，并在表单字段中给出了一个值，我想将这些字段值发送到我的初始值到test2对象 t1 字段

<FormiK
  initialValues={{
    test2: {
      t1:"",
      t2:"" ,                     
    },
  }}
  {({ values, }) => {
        return (
            <Form>
              <Field
                name="test2"
                value={values.test2}
                component={SelectComponent}
                options={[ "1", "2","3"]} 
               /> 
             </Form> 
</Formik>

标签： reactjsformik

Answer 1

如果我理解正确，您想发送该字段的值。您可以使用onSubmit方法发送表单字段。

<FormiK
  initialValues={
    test2: {
      t1:"",
      t2:""                      
           }
            }
 onSubmit={values => {console.log(values)}} // send to backend,call api,...

}
  {({ values, }) => {
        return (
            <Form>
              <Field
                name="test2"
                value={values.test2}
                component={SelectComponent}
                options={[ "1", "2","3"]} 
               /> 
             </Form> 
</Formik>