formspree 如何使用 preventDefault()？

Question

我正在努力解決單擊提交后我的反應表單不會重置的問題。 我正在使用 antd 表單和 formspree 發送郵件。 提交表單后，如何使用非重新加載頁面管理用於重置輸入字段值的代碼？

const [token, setToken] = useState<string>('');
  const [state, handleSubmit] = useForm('xxxxxxxx');

  if (state.succeeded) {
    formRef.current.message.success('Message sent');
  }

  return (
    <Wrapper>
      <MessageForm
        ref={formRef}
        name='nest-messages'
        onFinish={handleSubmit}
        validateMessages={validateMessages}
      >
        {FormItems.map((item) => (
          <Form.Item
            key={item.name}
            name={['user', item.name]}
          >
            {item.inputType}
          </Form.Item>
        ))}

        <Form.Item>
          <HCaptcha
            sitekey='xxxxxxxxxx-xxxx-xxxx-xxxxxxxxx'
            onVerify={setToken}
            ref={captchaRef}
          />
          <SendButton type='primary' htmlType='submit' disabled={!token}>
            Wyślij wiadomość
          </SendButton>
        </Form.Item>
      </MessageForm>

Answer 1

antd 有一個resetFields選項。 你可以在 handleSubmit function 中做類似的事情：

formRef.current.resetFields();