TypeScript结合React常见类型总结

  1. React.FC<P> / React.FunctionCopmonent<P>
    React 函数式组件的泛型接口,一般使用简写 FC,可以接受一个参数 P,用来定义 props 的类型。

  2. React.Component<P, S> / React.PureComponent<P, S>
    React 类组件的泛型接口,接受两个参数,第一个是 props 的类型定义,第二个是 state 的类型定义。

  3. React.ReactElement
    使用React.createElement创建的,可以简单理解为React中的JSX的元素。

  4. JSX.Element
    return返回的jsx语法类型。

  5. React.ReactNode
    <div>node</div> node的合法类型。

  6. FormEvent
    form 表单的 event 类型。

  7. ChangeEvent<e>
    onChange 事件触发的 event 泛型接口,可选 HTMLSelectElementHTMLInputElementhtml 标签节点类型。

  8. RouteComponentProps

  9. react-router 中组件的类型接口,包含 history 等路由数据。

其他想到时再补充