react中使用typescript问题？

Question

class SideBar extends React.Component<any, {}> {
     constructor(props: any) {
        super(props)
    };
}

这个继承组件的泛型<any,{}>指的是什么意思？
是SideBar的还是React.Component的？

Answer 1

any, {} 不是继承自什么，这两个是组件的接口（interface），用来做类型校验，前者是ComponentProps（组件接收的props的数据类型格式），后者是ComponentState(组件内部state的数据类型格式)。当然这两个名字随意定义

等效于

import * as React from 'react'
interface ComponentProps {
  onComfirmed: () => void
  bindApiModal: boolean
  match?: any
}

interface ComponentState {
  name: string
}

class Component extents React.Component<ComponentProps, ComponentState > {
    render() {
        ,...
    }
}

export default Component