@pansy/qiankun-react-shared
v1.3.0
Published
Qiankun react shared
Downloads
8
Readme
为 React 项目提供接入 Qiankun 的能力
📦 安装
npm install @pansy/qiankun-react-shared --save
yarn add @pansy/qiankun-react-shared
pnpm i @pansy/qiankun-react-shared
🔨 示例
全局配置
import { QiankunConfig } from '@pansy/qiankun-react-shared';
const apps = [
{
name: 'subapp',
entry: '//localhost:9301',
}
];
<QiankunConfig apps={apps}>
<BrowserRouter>
<Router />
</BrowserRouter>
</QiankunConfig>
路由配置
react-router-dom > 6.4.0
import { MicroApp } from '@pansy/qiankun-react-shared';
const routes = [
{
path: '/',
element: <Navigate to="/home" />
},
{
element: <BasicLayout />,
children: [
{
path: 'home',
element: <Lazy entry={() => import('@/pages/home')} />,
},
{
path: 'subapp/*',
element: (
<MicroApp
name="subapp"
/>
),
},
],
}
];