返回反应在打字稿

Question

16个数组元素我想使用新的反应16功能回到我render数组元素，但我得到的打字稿错误Property 'type' is missing in type 'Element[]'

const Elements: StatelessComponent<{}> =() => ([ 
    <div key="a"></div>, 
    <div key="b"></div> 
]); 

我失去了什么？使用@类型/反应16.0.10和打字稿2.5.3

Answer 1

我查了最新的分型和他们忘了在一个无状态的组件接口添加新的定义。我提出了这个问题，应该尽快解决。

从类组件返回一个数组是可行的，所以如果你现在真的需要它，你可以将你的功能组件转换为类组件。

class Elements extends React.Component<{}> { 

    render() { 
    return [ 
     <div key="a"></div>, 
     <div key="b"></div> 
    ] 

    } 
} 

或使用模块增加暂时扩展React类型。只需将以下代码放置在某个.ts文件中，打字稿将自动检测定义中的更改。

declare module "react" { 
    interface StatelessComponent<P = {}> { 
    (props: P & { children?: ReactNode }, context?: any): ReactElement<any>[] | ReactElement<any> | null; 
    propTypes?: ValidationMap<P>; 
    contextTypes?: ValidationMap<any>; 
    defaultProps?: Partial<P>; 
    displayName?: string; 
    } 
}