javascript - Redux表单，VALUES来自何处？

因此，基本上，我试图遵循以下示例并将其实现到我的项目中。但是我很困惑，正如您看到的，当提交WizardFormThirdPage.js时，会调用函数showResults。当我查看showResults.js时，它传递了值，但是我不知道它是从哪里来的或表单数据的值是如何获得的，有人可以向我解释吗？

https://codesandbox.io/s/0Qzz3843

最佳答案

在所有三个WizardForm页面中，React都不提供onSubmit，但是Redux形式覆盖了一个功能：https://redux-form.com/8.1.0/docs/api/reduxform.md/#-code-onsubmit-function-code-optional-。它提供了几个参数，其中一个是values，它由所有形式为wizard的值组成。

因此，在第1页和第2页中，onSubmit的处理程序是函数nextPage，它忽略了所有参数，对于第3页，处理程序showResults仅采用参数values。

您可以通过修改功能showResults来玩耍：

export default (async function showResults(...args) {
  await sleep(500); // simulate server latency
  window.alert(JSON.stringify(args));
});

如上链接所示，它将显示所有参数。