因此，在阅读了一些相关的答案（特别是这个和这个并查看@basarat 对问题的回答后，我设法找到了一些对我有用的东西。看起来（在我相对较新的 React 眼中）Connect 没有提供容器组件的显式接口，所以它被它试图传递的 prop 弄糊涂了。

所以容器组件保持不变，但子组件发生了一些变化：

interface IChildComponentProps extends React.Props<any> {
  ... (other props needed by component)
}

interface PassedProps extends React.Props<any> {
  propToPass: any
}

class ChildComponent extends React.Component<IChildComponentProps & PassedProps, any> {
  ...
}

....
export default connect<{}, {}, PassedProps>(mapStateToProps, mapDispatchToProps)    (ChildComponent);

以上设法为我工作。显式传递组件期望从容器中获得的props似乎可以正常工作，并且两个组件都可以正确呈现。

注意：我知道这是一个非常简单的答案，我不确定为什么会这样，所以如果一个更有经验的 React ninja 想在这个答案上放下一些知识，我很乐意修改它。

仔细检查新添加的对象类型。当对象类型不完全符合预期时，会抛出此类错误。

前任。组件中提到的props类型必须与传递给该组件的props类型匹配。

让您的子组件使用您想要的类型或“任何”类型扩展 React.Component。例如：“ extends React.Component<any> {...}”

export class ChildComponent extends React.Component<T> {
 render() {
  return (
    <button className="square">
      {this.props.value}
    </button>
  );
 }
}

在 Parent 组件中，您可以传递值，例如：

renderSquare(i: Number) { return <ChildComponent value={i}/>; }

检查https://react-typescript-cheatsheet.netlify.app/docs/basic/getting-started/class_components/了解更多信息

而不是export default connect(mapStateToProps, mapDispatchToProps)(ChildComponent);，更喜欢connect装饰器https://github.com/alm-tools/alm/blob/00f2f94efd3810af8a80a49f968c2ebdeb955399/src/app/fileTree.tsx#L136-L146

@connect((state: StoreState): Props => {
    return {
        filePaths: state.filePaths,
        filePathsCompleted: state.filePathsCompleted,
        rootDir: state.rootDir,
        activeProjectFilePathTruthTable: state.activeProjectFilePathTruthTable,
        fileTreeShown: state.fileTreeShown,
    };
})

在此处定义连接https://github.com/alm-tools/alm/blob/00f2f94efd3810af8a80a49f968c2ebdeb955399/src/typings/react-redux/react-redux.d.ts#L6-L36

为什么？

似乎您使用的定义可能已过时或无效（可能编写不当）。