open-index/open-npm huggingface dataset:
npm package: @nhsoft/umi-plugin-renderer-react
Description: tabs router, route keepAlive
Latest version: 1.0.0-alpha

# 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

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

### 配置参数

#### 编译时配置

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

#### 运行时配置

```typescript
/**
 * 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;
    };
  };
}
```