返回在打字稿中反应16个数组元素

Question

我想使用新的react 16功能在我中返回数组元素，render但出现打字稿错误Property 'type' is missing in type 'Element[]'

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

我想念什么？使用 @ types / react 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;
  }
}