@nhsoft/umi-plugin-renderer-react

1.0.0-alpha • Public • Published

umi-plugin-renderer-react

umi plugin for render react

  • 标签式路由
  • 路由 keepAlive

如何使用

具体可参考 example

.umirc.ts 配置路由,可使用参数tabs: booleankeepAlive: 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;
    };
  };
}

Keywords

none

Install

npm i @nhsoft/umi-plugin-renderer-react

DownloadsWeekly Downloads

2

Version

1.0.0-alpha

License

none

Unpacked Size

49.8 kB

Total Files

12

Last publish

Collaborators

  • clown_lsj