@nhsoft/umi-plugin-renderer-react

umi-plugin-renderer-react

umi plugin for render react

• 标签式路由
• 路由 keepAlive

如何使用

具体可参考 example

.umirc.ts 配置路由，可使用参数tabs: boolean和keepAlive: boolean

tabs = true

该路由的子路由将会展示在Tabs中，子路由的name或者title，将会作为tab bar的标题，使用title同时也会作为浏览器标签的标题，这是 umi 的特性，如果只是作为tab bar的标题，使用name即可

keepAlive = true

该路由在与平级的路由切换时，将不会销毁，典型的使用场景是列表切换到详情时保持列表不被销毁

配置参数

编译时配置

interface rendererReact {
  style?: boolean; //是否使用内置样式
}

运行时配置

/**
 * containerClassName tabs容器的样式
 * settings 对特定的tab进行设置 name: tab的名称 top: tab是否固定在首位 closable: tab是否可关闭
 */
interface rendererReactConfig {
  containerClassName?: string;
  settings: {
    [key: string]: {
      name?: string | ((route: IRoute, location: Location<any>, title?: string) => string | undefined);
      top?: boolean;
      closable?: boolean;
    };
  };
}