如何让 Formik NextJS Post Request 工作？答案

【问题标题】：How to get Formik NextJS Post Request to work?如何让 Formik NextJS Post Request 工作？
【发布时间】：2022-02-04 02:30:50
【问题描述】：

这是相关代码：

 const handleSubmit = async (event, values, actions) => {
    event.preventDefault();

    axios.post(url, payload(values.name))
        .then(res => {
          // do stuff
        }).catch(err => {
          // do other stuff
    })
  }

  return (

      <Formik
          initialValues={{ name: 'Passwort' }}
          onSubmit={handleSubmit(e, values, actions)}
        >
        {(props) => (
        ..

真的不喜欢我为了防止默认而传入e的方式。

这是默认的 Formik 代码，可以正常工作。但是如何防止默认呢？

   <Formik
      onSubmit={(values, actions) => {

          // prevent default?

          axios.post(url, payload(values.name))
            .then(res => {
              // do  stuff
            }).catch(err => {
              // do other stuff
            })
        }
      }
  >

【问题讨论】：

标签： axios next.js formik chakra-ui

【解决方案1】：

我想我找到了一种方法，方法是在 {({ handleChange, handleBlur, handleSubmit, values}) => (987654322@ 上面的最后一个代码 sn-p 之后传入 Formik 函数

这里有描述：https://formik.org/docs/guides/react-native

我想知道为什么不需要将 preventDefault 编码到解决方案中，所以这意味着 Formik 正在处理默认提交操作。不幸的是，现在这不再作为按钮道具工作了：isLoading={values.isSubmitting}

【讨论】：