formik 字段没有获得价值

Question

我在我的 React 和 redux 项目中使用了 Formik，但是 Formik 字段没有获取值并且 onChange 字段函数不起作用！此表格用于编辑客户。我在项目的另一部分使用 Formik，我没有问题。我不知道该怎么办？

<Formik
            initialValues={props.selectedCustomer.id ? props.selectedCustomer : emptyCustomer}
            validationSchema={customerValidationSchema}
            onSubmit={async (values: ICustomer, actions: FormikActions<any>) => {
                console.log(values)
                try {
                    await postCustomer(values)
                    props.selectedCustomer.id ? enqueueSnackbar('success') : enqueueSnackbar('fail')
                    actions.resetForm()
                    getCustomers(pageNum, pageSize)
                    setAddDialog(false)
                }
                catch (error) {
                    enqueueSnackbar(error, { variant: 'default' })
                }
            }}
          >
          {() => (
          <Form id="addCustomerForm">
          <div id="addCustomerDiv" className={clsx({
            [classes.noDisplay]: !addDialog
          })}>
              <Grid style={{marginRight: '0.5rem'}} container spacing={5}>
                 <Grid item xs={2}>
                  <Field
                      name="firstName"
                      render={({ field, form }: FieldProps<ICustomer>) => (
                          <TextField
                              margin="dense"
                              id="firstName"
                              label="firstName"
                              fullWidth
                              {...field}
                              error={form.errors.firstName && form.touched.firstName ? true : false}
                          />
                      )}
                  />
                </Grid>         
              <Button
              type='submit'
              form="addCustomerForm"
              color="primary"
              variant="contained"
              style={{marginTop: '3rem'}}
              className={clsx({
                [classes.noDisplay]: !addDialog
              })}
              >
              submit
              </Button>
              </Grid>              
          </Grid>
          </div>
          </Form>
          )}
          </Formik>

有什么问题？

Answer 1

我在 Formik 组件中添加了 enableReinitialize，它起作用了。

formik 字段没有获得价值

formik fields are not getting value

reactjs

formik