cra-template-doly/template/src/components/AnimatedRoutes/index.md

[![npm][npm]][npm-url] 

# AnimatedRoutes

路由在 `src/router.tsx` 中配置。

## 特性

- 使用 [`react-router-dom@6`](https://reactrouter.com/docs/en/v6/api#api-reference)
- 支持路由切换动画，页面请使用 `PageContainer` 包裹

## API

| 参数     | 说明             | 类型            | 默认值 |
| -------- | ---------------- | --------------- | ------ |
| routes   | 路由配置         | `RouteObject[]` | -      |
| animated | 关闭页面切换动画 | `boolean`       | `true` |

### RouteObject

```typescript
// import { RouteObject } from 'react-router-dom';

export interface RouteObject {
  caseSensitive?: boolean;
  children?: RouteObject[];
  element?: React.ReactNode;
  index?: boolean;
  path?: string;
}
```

## 常见问题

### 非组件模块中如何跳转页面？

使用 `src/router.tsx` ：

```typescript
import router from '@/router';

// util function
function xxx() {
  router.navigate('/list');
}
```