Umi配置全局Layout无法加载子组件，this.props是空的

问题如标题，umi版本是4

后来去umi官网找，发现获取子组件的方式发生了变化。

网址：https://umijs.org/docs/introduce/upgrade-to-umi-4

代码层修改

Umi 4 中将 react-router@5 升级到 react-router@6，所以路由相关的一些 api 存在着使用上的差异。

props 默认为空对象，以下属性都不能直接从 props 中取出

children

import { Outlet } from 'umi';
<Outlet/>

主要在全局 layout 中需要修改（-为要去掉的，+为要添加的）

如 layouts/index.tsx：

import React from 'react';
+ import { Outlet } from 'umi';
 
export default function Layout(props) {
  return (
    <div>
-      { props.children }
+      <Outlet />
    </div>
  );
}