# react-app-antd-ts

**Repository Path**: WangShuaiCode/react-app-antd-ts

## Basic Information

- **Project Name**: react-app-antd-ts
- **Description**: Create React apps using Redux+Antd+TypeScript.
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2020-05-11
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# react-app-antd-ts
使用Redux+Antd+TypeScript创建React应用, 使用ESLint作为项目linter

## 文件别名
tsconfig.json，如下：

```json
"paths": {
      "src/*": ["src/*"],
      "components/*":["src/components/*"],
      "pages/*":["src/pages/*"],
      "utils/*":["src/utils/*"],
      "redux/*":["src/redux/*"],
      "services/*":["src/services/*"]
    },
```

## router 配置

router 配置文件```src/router/routes.tsx```，路由地址不要以 "/" 结尾。

## 面包屑

面包屑的显示与路由的```path```路径的层级关联，如下路由配置：

```javascript
{
  title: "普通一级菜单",
  icon: "eye",
  path: "/common-level",
  exact: true,
  component: About
},
{
  title: "一级—非嵌套子级",
  icon: "bulb",
  path: "/common-level/no-nest-sub",
  component: account
},
```

```/common-level```对应：```普通一级菜单```,```/common-level/no-nest-sub```对应：```一级—非嵌套子级```,最终面包屑渲染的层级为：```普通一级菜单/一级—非嵌套子级```,且```普通一级菜单```可点。

## 相关知识
[React+TypeScript+Antd+TSLint脚手架搭建](https://github.com/zqinmiao/blog/issues/7)

## 历史版本

* 基于 Create React App Adding TypeScript， 使用Redux+Antd+TypeScript创建React应用。使用TSLint作为项目linter。[在这里](https://github.com/zqinmiao/react-app-antd-ts/tree/tslint)

* 基于umi脚手架创建，[在这里](https://github.com/zqinmiao/react-app-antd-ts/tree/umi-antd-typesrcipt)