编辑2：事实证明，这种方法可以防止警告，但根据评论TabProps没有被正确检查。

您应该尝试如下设置接口TabbedViewProps的子级

interface TabbedViewProps { children?: React.ReactElement<TabProps>[] }

这里的想法不是告诉你的TabbedView有一个Tab的数组，而是告诉你的TabbedView他有一个element的数组，这个数组需要特定的 prop ，在你的例子中是TabProps。
编辑（感谢马泰）：

interface TabbedViewProps {
    children?: React.ReactElement<TabProps>[] | React.ReactElement<TabProps>
}

由于指针已经输出，因此将TabbedView.children声明为：

children: React.ReactElement<TabProps> | React.ReactElement<TabProps>[];

将消 debugging 误，但不会正确地对子元素进行类型检查，也就是说，您仍然可以将TabProps以外的子元素传递给TabbedView而不会得到任何错误，因此以下语句也是有效的：

return (
  <TabbedView>
    <Tab name="Creatures">
      <div>Creatures!</div>
    </Tab>

    <Tab name="Combat">
        <div>Combat!</div>
    </Tab>

    <NotTabButValidToo />
  </TabbedView>
);

相反，您可以声明一个prop，比如tabs: TabProps[]，以传递创建这些Tab所需的prop（而不是它们的JSX），并在TabbedView中渲染它们：

interface TabbedViewProps {
  children?: never;
  tabs?: TabProps[];
}

...

const TabbedView: React.FC<TabbedViewProps> = ({ tabs }) => {
  return (
    ...

    { tabs.map(tab => <Tab key={ ... } { ...tab } />) }

    ...
  );
};

我试图Assert类型。你可以抛出或者忽略。

interface TabbedViewProps {
  children?: React.ReactElement<ITabProps> | React.ReactElement<ITabProps>[]
}

在组件本身中Map子组件并Assert或忽略

{React.Children.map(props.children, (tab) => {
  if(tab?.type != Tab) return;
  console.log(tab?.type == Tab);
  return tab;
})}

这些答案显示了一般的想法，但他们不允许你通过儿童喜欢：

<MyParentComponent>
  {condition && <Child1/>}
  {list.map((it) => <Child2 x={it}/>}
</MyParentComponent>

我从React（v16.14.21）代码库中type PropsWithChildren<P>的定义中得到了一些启发：

type PropsWithChildren<P> = P & { children?: ReactNode | undefined };

type ReactText = string | number;
type ReactChild = ReactElement | ReactText;

interface ReactNodeArray extends Array<ReactNode> {}
type ReactFragment = {} | ReactNodeArray;
type ReactNode = ReactChild | ReactFragment | ReactPortal | boolean | null | undefined;

并得出了一个适合我的用例的简化定义：

type TypedReactNode<T> = ReactElement<T> | Array<TypedReactNode<T>> | null | undefined;
type PropsWithTypedChildren<P, C> = P & { children?: TypedReactNode<C> | undefined };

最后，我可以这样定义我的组件：

type MyParentComponentProps = {
  whatever: string;
};

const MyParentComponent = (props: PropsWithTypedChildren<MyParentComponentProps, AllowedChildType>) => {
  // body
}

您在Tab呈现方法中返回的类型是JSX.Element。这就是问题的原因。TabbedView需要Tab类型的子级数组。我不确定您是否可以将某个组件指定为子级类型。它可以是string或JSX.Element。您可以显示Tab的定义文件吗？
查看https://github.com/DefinitelyTyped/DefinitelyTyped/blob/master/types/react/index.d.ts以了解JSX.Element接口的外观。