位置:首页 > web前端 > react

react路由安装使用时报错

dearweb 发布:2021-10-25 15:15:07阅读:

错误提示信息

when use withRouter in your component under the typescript language,it may cause error below

TS12345: Argument of type 'typeof BILink' is not assignable to parameter of type
 'ComponentType<RouterComponentProps<any, StaticContext>>'.
Type 'typeof BILink' provides no match for singnature 
'{props: RouteComponentProps<any, StaticContext} & {children?: ReactNode;}, context?: any): ReactElement<any>'

问题解决方案

interface props {
  // your props here
}
interface states {
  // attributes needed in your component here
}
export class YourComponent extends React.Component<props, states>{
  // constructor in required here
  contructor (props: any){
    super(props);
    ...
  }
}
export default withRouter(YourComponent)

// another way to solve the problem

type PathParamsType {
  // type whatever you expect in the this.props.match.params.*
}
type PropsType = RouteComponentProps<PathParamsType> & {
  // your props here
}
export class YourComponent extends React.Component<PropsType>{
  ...
}
export default withRouter(YourComponent)


24人点赞 返回栏目 提问 分享一波

小礼物走一波,支持作者

还没有人赞赏,支持一波吧

留言(问题紧急可添加微信 xxl18963067593) 评论仅代表网友个人 留言列表

暂无留言,快来抢沙发吧!

本刊热文
网友在读
手机扫码查看 手机扫码查看