Reactjs SetState未在React Final Form中处理提交

我在使用onSubmit函数上的setContactInfo/setPassword更新状态时遇到了问题。有人能帮我吗

这是最终形式

<Form
  onSubmit={onSubmit}
  validate={validation}
  render={({ handleSubmit, form, submitting, pristine, values }) => (
    <form onSubmit={handleSubmit}>
      <FormGroup>
        <Field name='contactInfo'>
          {({ input, meta }) => (
            <div className='erow'>
              <Input
                {...input}
                type='text'
                id='contactInfoID'
                placeholder='Email / Phone number'
              />
              {errorShowing(meta)}
            </div>
          )}
        </Field>
        <Field name='password'>
          {({ input, meta }) => (
            <div className='erow'>
              <Input
                {...input}
                type='password'
                id='passwordID'
                placeholder='Password'
              />
              {errorShowing(meta)}
            </div>
          )}
        </Field>
      </FormGroup>
      <FormGroup>
        <div className='submit-btn text-center'>
          <Button
            type='submit'
            id='submitID'
            className='btn btn-dark px-5 py-2'
            disabled={submitting}
          >
            Signup
          </Button>
        </div>
      </FormGroup>
    </form>
  )}
></Form>

---

此处setContactInfo和setPassword不更新状态。我不知道为什么。有人能解释一下并告诉我这个问题的解决方案吗？

因为setContactInfo和setPassword是异步的，所以在调用此方法后您无法读取更新的值。试一试

useEffect(()=>{
    console.log(contactInfo, password);
},[contactInfo, password]);

---

因为setContactInfo和setPassword是异步的，所以调用此方法后无法读取更新的值。试一试

useEffect(()=>{
    console.log(contactInfo, password);
},[contactInfo, password]);