reactjs - mapDispatchToProps 传递未定义的 props

Question

我有一个看似微不足道的问题，但我一生都无法弄清楚。

FooContainer.tsx

...
public render() {
  ...

  this.props.onSubmit(123) // FooContainer.tsx:81 Uncaught TypeError: this.props.onSubmit is not a function
}
...
export interface FooDispatchToProps {
  onSubmit: (bar: number) => Thunk; // <- from redux-thunk
}
const mapDispatchToProps = {
  onSubmit: submitFoo, // a thunk. From SomeDuck.ts
};   
export const FooContainerConnected = connect<{}, FooDispatchToProps, {}>(
    undefined,
    mapDispatchToProps,
)(FooContainer);

SomeDuck.ts

export function submitFoo(bar: number): Thunk {
    return (dispatch, getState) => {
        dispatch(submitFooAction(bar));
    };
}

该 prop 未使用 mapDispatchToProps 的简写符号传递。如果我使用 mapDispatchToProps 的完整样板格式，则传递 prop。

我在这里没有看到什么？

Answer 1

好的，所以我做了一些更多的挖掘，发现存在循环依赖。

Utils ==> FooContainer ==> Ducks ==> Utils

消除这种依赖性可以消除鸭子函数最初未定义的问题

希望遇到类似问题的人可以通过这个答案得到缓解。 :)