如何在 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 …