---
order: 2
iframe: 200
title:
zh-CN: 路由
en-US: React Router Integration
---
## zh-CN
和 `react-router@2+` 进行结合使用。
## en-US
Used together with `react-router@2+`.
````jsx
import { Router, Route, Link, hashHistory } from 'react-router';
import { Breadcrumb, Alert } from 'antd';
const Apps = () => (
-
Application1:Detail
-
Application2:Detail
);
const Home = ({ routes, params, children }) => (
Home
Application List
{children || 'Home Page'}
);
ReactDOM.render(
, mountNode);
````
````css
.demo {
margin: 16px;
}
.demo-nav {
height: 30px;
line-height: 30px;
margin-bottom: 16px;
background: #f8f8f8;
}
.demo-nav a {
line-height: 30px;
padding: 0 8px;
}
.app-list {
margin-top: 16px;
}
````