【前端问题精选】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>

)

}

以上是 【前端问题精选】react 函数组件使用typescript的泛型问题 的全部内容, 来源链接: www.h5w3.com/134353.html

回到顶部