React在使用TS+react-router-dom中的withRouter方法报错问题

最新推荐文章于 2025-03-04 09:37:16 发布

小火车况且况且

最新推荐文章于 2025-03-04 09:37:16 发布

阅读量2.2k

点赞数

分类专栏： React 文章标签： react.js

本文链接：https://blog.csdn.net/weixin_43972992/article/details/120269074

版权

React 专栏收录该内容

12 篇文章

订阅专栏

`React`在使用TS+`react-router-dom`中的`withRouter`方法报错问题

解决文章地址
问题描述
在这里插入图片描述

类型“FC<ISideBar>”的参数不能赋给类型“ComponentType<RouteComponentProps<any, StaticContext, unknown>>”的参数。
  不能将类型“FunctionComponent<ISideBar>”分配给类型“FunctionComponent<RouteComponentProps<any, StaticContext, unknown>>”。
    属性“propTypes”的类型不兼容。
      不能将类型“WeakValidationMap<ISideBar> | undefined”分配给类型“WeakValidationMap<RouteComponentProps<any, StaticContext, unknown>> | undefined”。
        类型“WeakValidationMap<ISideBar>”与类型“WeakValidationMap<RouteComponentProps<any, StaticContext, unknown>>”不具有相同的属性。

直接在声明的interface接口中继承RouteComponentProps

import { useHistory, withRouter, RouteComponentProps } from 'react-router-dom'
interface ISideBar extends RouteComponentProps {
  sideStatus?: boolean
}