如何发送字段值到初始值?

时间:2019-12-27 10:36:08

标签: reactjs formik

我创建了一个表单,并在表单字段中给了一个值 并且我想将这些字段值发送给test2对象t1字段

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

1 个答案:

答案 0 :(得分:0)

如果我理解正确,则希望发送该字段的值。您可以使用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>