向API（AXIOS）REACTJ发布表单数据

发布于 2025-02-05 14:45:39 字数 304 浏览 1 评论 0 原文

我正在尝试将表单数据发送到使用Axios的服务器。如您所见，我正在使用Formik。到目前为止，我尝试了这些代码：

图片1

图片4

谢谢

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

似最初 2025-02-12 14:45:39

您是否尝试过以 axios.post 向后端发送 formular 。 axios post requests 和连接
在您的第二张图片中，在 onsubmit 中发送数据可能会更容易。

onSubmit: {(values, { setSubmitting }) => {
  console.log(values) // Just to be sure you have them correct

  // POST request
    axios.post('http:localhost:portNUM', values) // Add headers if you have any.
    .then(response => console.log(response))
    .catch(error => console.log(error))
    .finally(() => setSubmitting(false))
  }
}

在 onsubmit 中使用使用也可能更容易，只是为了使生活变得更加轻松。如果您知道如何使用React Hooks，并且如果没有，我建议您学习它们。

Have you tried sent Formular with axios.post to your backend. Some info on axios post requests and connecting frontend to backend.

In your second picture, it might be easier to send the data in the onSubmit.

onSubmit: {(values, { setSubmitting }) => {
  console.log(values) // Just to be sure you have them correct

  // POST request
    axios.post('http:localhost:portNUM', values) // Add headers if you have any.
    .then(response => console.log(response))
    .catch(error => console.log(error))
    .finally(() => setSubmitting(false))
  }
}

It might also be easier to use a useEffect within the onSubmit, just to make life a bit easier. If you know how to use react hooks and if not, I would recommend learning them.