TypeScript 中的 React 路由器 - 路由器和自己的 props

Question

我的组件有一些自己的道具

class Props {
  wizard: WizardConfig;
}

我想访问路由器历史记录，所以我也传递了路由器道具

type PropsType = Props & RouteComponentProps<{}>;

class Wizard extends React.Component<PropsType> {}

问题是在组件的使用中

 <Wizard wizard={someWizar} />

我收到 RouteComponentProps 道具未通过的错误，例如： Property 'match' is missing in type '{ wizard: WizardConfig; }'

我尝试过：

export default withRouter(Wizard);

但它没有帮助。

Answer 1

固定通过改变

export default withRouter(Wizard);

到

export default withRouter<PropsType>(Wizard);