测试 redux 表单失败 - typeError formProps.handleSubmit 不是函数

Question

我有一个使用 redux form 的组件，我将像这样的 redux 表单道具传递给它：

export const UttakInfoPanel = ({
  submitValidation,
  ...formProps
})

我正在将 submitValidation 函数传递给 redux 形式 handleSubmit 函数，如下所示：

<form onSubmit={formProps.handleSubmit(submitValidation)}>

提交验证工作正常。我还对该组件进行了测试：

it('will show InfoPanel', () => {
    const formProps = {
      handleSubmit: sinon.spy,
      error: {},
    };

    const wrapper = shallowWithIntl(<InfoPanel
      submitValidation={sinon.spy()}
      formProps={formProps}
    />);
  });

但是，当我运行我的测试时，我得到：

TypeError: formProps.handleSubmit is not a function

为什么我会收到此错误，同时在控制台中检查 formProps 时我可以看到 handleSubmit 是一个函数。我怎样才能通过这个测试？

Answer 1

如果您正在使用剩余运算符，最后一个参数将具有数组类型，请尝试从 UttakInfoPanel 组件中删除展开。

测试 redux 表单失败 - typeError formProps.handleSubmit 不是函数

Testing redux form fails - typeError formProps.handleSubmit is not a function

javascript

reactjs

redux-form

enzyme