在TypeScript中反应路由器 - 路由器和自己的道具

时间:2017-12-05 09:02:21

标签: reactjs typescript react-router

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

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);

但它没有帮助。

1 个答案:

答案 0 :(得分:3)

通过更改

修正

export default withRouter(Wizard);

export default withRouter<PropsType>(Wizard);