问题如标题,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>
);
}