H5W3
当前位置:H5W3 > 其他技术问题 > 正文

【前端问题精选】react 函数组件使用typescript的泛型问题

import React, {FC} from 'react'
import {Table} from 'antd'
import {ColumnProps} from 'antd/lib/table'
interface GlobalTableProp<T> {
  columns: ColumnProps<T>[]
  datasource: T[]
}
// 这个地方的T怎么办 该怎么写
const GlobalTable: FC<GlobalTableProp<T>> = ({columns, datasource}) => {
  return (
    <div>
      <Table columns={columns} dataSource={datasource} />}
    </div>
  )
}
export default GlobalTable这里

回答:

关于React配合Typescript,推荐阅读这篇文章React组件设计总结-类型检查篇,里面包含了函数式组件泛型和其他常见用法

回答:

可以不用 FC

interface GlobalTableProp<T> {
  columns: ColumnProps<T>[]
  datasource: T[]
}

const GlobalTable = <T>(props: GlobalTableProp<T>) => {
  return (
    <div>
      <Table columns={columns} dataSource={datasource} />}
    </div>
  )
}

本文地址:H5W3 » 【前端问题精选】react 函数组件使用typescript的泛型问题

评论 0

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址