Question

我已经使用redux表单来构造多页表单。到目前为止，当我提交表单时，它只是控制台记录数据。但我希望它使用表单数据发出API发布请求。

到目前为止，我已经尝试编辑已经完成的“ showResults”页面，该页面在提交最终表单页面时调用。我收到以下错误，例如Uncaught (in promise) API not configured

这是showResults.js文件，我已将其重命名为已编辑文件。

import { API } from "aws-amplify";

export default (async function submitSite(values) {
  return API.post("sites", "/sites", {
    body: values
  }) 
});
console.log("submitted");

您可以看到我在结尾处有一个控制台日志，表示该代码有效，但是控制台日志会在我运行该代码后立即发生，它不会等到我提交之后。

Answer 1

第一个问题是console.log不在函数主体内。因此，确实在您运行代码后立即调用日志。

仅在提交时记录：

import { API } from "aws-amplify";

export default (async function submitSite(values) {
  console.log("submitted");
  return API.post("sites", "/sites", {
    body: values
  }) 
});

Redux Form onsubmit进行API调用

1 个答案: