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不是函数

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

Answer 1

如果您正在使用rest运算符，则最后一个参数将具有Array类型，请尝试从UttakInfoPanel组件中删除传播。

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

1 个答案: