什么是打字稿中 React.ChildrenArray 的正确替代品？

【问题标题】：What is proper replacement for React.ChildrenArray in typescript?什么是打字稿中 React.ChildrenArray 的正确替代品？
【发布时间】：2019-11-25 16:12:26
【问题描述】：

为什么下面的 react-native 代码会出现 typescript 错误？

type ContainerProps = BaseProps & {
    children: React.ChildrenArray<React.ReactElement<any>>;
    withGutter?: boolean;
};

任何命名空间 'React' 没有导出的成员 'ChildrenArray'.ts(2694)

正确的表达方式是什么？这最初是基于流的 js 代码被转换为 typescript...

【问题讨论】：

你试过了吗：React.ReactNode？

标签： typescript react-native flowtype

【解决方案1】：

React.Node

这表示可以在 React 应用程序中呈现的任何节点。 React.Node 可以是 null、布尔值、数字、字符串、React element 或任何这些类型的递归数组。

如果您需要组件 render() 方法的返回类型，那么您应该使用React.Node。

用法

type Node = React.ChildrenArray<void | null | boolean | string | number | React.Element<any>>;

type ContainerProps = BaseProps & {
    children: React.Node
    withGutter?: boolean;
};

【讨论】：