React + TypeScript遇到引入withRouter

作者: nomooo | 来源:发表于2020-05-27 20:28 被阅读0次

报错内容：

大概意思就是构造签名返回类型“NavCont”和“Component<RouteComponentProps<any，StaticContext，PoorMansUnknown>，any，any>”不兼容。

解决方案：让自己的接口继承RouteComponentProps

接口定义:

import { RouteComponentProps } from "react-router-dom";

export default interface NavProps extends RouteComponentProps{
    // 
}

定义组件部分

import NavProps from '../../types/slide.type';

class NavCont extends React.Component<NavProps>{
  //TODO
}

React + TypeScript遇到引入withRouter
报错内容：大概意思就是构造签名返回类型“NavCont”和“Component
creat-react-app引入typescript
creat-react-app引入typescript 安装typescript相关开发依赖npm install...
react + mobx
import withRouter from ‘react-router-dom'withRouter可以包装任何...
react的ts配置
最近准备自己造一套轮子，技术栈暂定为react+typescript。在react引入ts的时候还是遇到了一些坑，...
react重构简书
搭建项目 yarn create react-app jianshu --typescript 引入styled-...
react withRouter和connect 同时使用的案例
在react中，如果遇到redux的connect 和一般组件跳转的withRouter 同时使用
react withRouter
高阶组件中的withRouter, 作用是将一个组件包裹进Route里面, 然后react-router的三个对象...
react withRouter
高阶组件中的withRouter, 作用是将一个组件包裹进Route里面, 然后react-router的三个对象...
react项目引入TypeScript
使用create-react-app脚手架进行搭建。一、首次安装create-react-app(如果之前安装过...
react-router基本使用
编程式导航(withRouter用法) 引入withRouter之后,就可以使用编程式导航进行点击跳转, 需要注意...

网友评论

本文标题：React + TypeScript遇到引入withRouter

本文链接：https://www.haomeiwen.com/subject/xmmgahtx.html

React + TypeScript遇到引入withRouter