測試Redux表單失敗-typeError formProps.handleSubmit不是函數

Question

我有一個組件，我在其中使用redux表單，並向其中傳遞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在控制台中檢查formProps時看到此錯誤，所以我可以看到handleSubmit是一個函數。 我如何才能通過此考試？

Answer 1

如果您使用rest運算符，則最后一個參數將具有Array類型，請嘗試從UttakInfoPanel組件中刪除散布。