你的代码完全可以在运行时运行。这只是一个打字错误。
React没有删除this.props.children，但是在前面的代码中有一个错误，因为React.Component的第一个参数是props的类型。在那里，你没有定义任何 prop ，甚至没有孩子。所以typescript编译器警告你：Property 'children' does not exist on type 'Readonly<{}>'.ts(2339)
如果正确定义了类型，错误就消失了。看看this playground。
您可以将子对象指定为命名 prop 或在标记中指定：

<SystemStatusContainer> This is children </SystemStatusContainer>
  <SystemStatusContainer children="This is children too!" />

React 18中的更改是默认情况下从props的 type 中删除children（在Component和React.FunctionComponent [aka React.FC ]类型中，函数组件可选地使用）。它被删除的原因是，并非所有组件都应该有子组件（考虑一个最终只呈现一个void元素的组件，如<br/>）。
如果您的组件有子组件，它将有一个包含这些子组件的children prop。所以我们要做的就是确保你的组件的props的类型是这样的。
要使代码再次工作，请在props类型（Component的第一个类型参数）中声明children。React提供了一个实用程序类型PropsWithChildren，它将children添加到props类型。React对PropsWithChildren的定义如下：

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

所以我们会在你的空props对象类型上使用它：

export class SystemStatusContainer extends React.Component<
  PropsWithChildren<{}>, // <=======================
  {
    status: systemStatuses;
    pollStatus: boolean;
  }
  > {
  state = {
    status: systemStatuses.online,
    pollStatus: true,
  };
  // ...

下面是一个非常基本的例子（在TypeScript操场上）：

import { Component, PropsWithChildren } from "react";

class Example extends Component<PropsWithChildren<{}>, {}> {
    render() {
        return this.props.children;
    }
}