小编Zhi*_*ang的帖子

如何在 React.FC 中使用泛型

如何在 React.FC 中使用泛型?

代码:

import React from 'react'

export interface IWaterFallProps<T> {
    className?: string;
    style?: React.CSSProperties;
    children?: React.ReactNode;
    dataSource?: T[];
    rowKey?: ((item: T) => string) | string;
    renderItem?: (item: T, index: number) => React.ReactNode;
    header?: React.ReactNode;
    footer?: React.ReactNode;
}


// this T error
const WaterFall: React.FC<IWaterFallProps<T>> = props => {
    return (
        <div 
            className={Styles['waterfall-container']}
            style={props.style}
        >
            {props.header}
            {props.children}
            {props.footer}
        </div>
    )
}

WaterFall.defaultProps = {
    dataSource: [],
}
export default React.memo(WaterFall)
Run Code Online (Sandbox Code Playgroud)

'const WaterFall: React.FC<IWaterFallProps<T>> = props => {}'

这个 T …

generics typescript reactjs

3
推荐指数
1
解决办法
751
查看次数

标签 统计

generics ×1

reactjs ×1

typescript ×1