javascript - "Warning: Failed propType: Required prop ' 字段 ' was not specified in ' ReduxForm(MyForm) '"

Question

我刚刚将 Redux 添加到我的 React 应用程序中，我认为它可以正常工作，但现在我的控制台中不断出现两个错误。

这个:

Warning: Failed propType: Required prop 'fields' was not specified in 'ReduxForm(MyForm)'. Check the render method of 'Connect(ReduxForm(MyForm))'.

还有这个:

Uncaught TypeError: Cannot read property 'reduce' of undefined

第二个指的是这个(第2行):

var getValues = function getValues(fields, state) {
  return fields.reduce(function (accumulator, field) {
    getValue(field, state, accumulator);
    return accumulator;
  }, {});
};

更新/答案: 确保 redux-form 是版本 6 或更高版本

Answer 1

授人以渔!

您还没有真正提供足够的代码来继续。

如果字段意外未定义，那么您应该在各处使用 chrome 调试器或 console.log 进行单步调试。这些都是被严重低估的方法!

1. 在浏览器中按 F12 键。
2. 在开发人员工具中选择“脚本”或“源”选项卡。
3. 按 control+p 并输入您要查找的文件的路径。 (或者在顶层找到小文件夹图标来查找您的文件。)
4. 通过单击左侧的行号添加断点(添加 蓝色小标记)
5. 执行 JavaScript。

您的代码将一直运行，直到在断点处停止，您可以从那里继续前进。如果您需要检查每一行，请在单步执行之前在所有行上添加断点。您可以右键单击变量以添加到监视列表。

继续下去，直到发现错误逻辑、未定义/空或出现错误。请注意，当代码在断点处暂停时，您可以随时从控制台使用 console.log() ，它将正确记录范围内的变量。