diff --git a/components/breadcrumb/demo/router.md b/components/breadcrumb/demo/router.md index cb8fa09692..b30a109c25 100644 --- a/components/breadcrumb/demo/router.md +++ b/components/breadcrumb/demo/router.md @@ -2,16 +2,17 @@ - order: 2 -和 `react-router@0.13.x` 进行结合使用。 +和 `react-router@1.0.0-beta3` 进行结合使用。 --- ````jsx -var Router = require('react-router'); -var Route = Router.Route; -var Link = Router.Link; -var RouteHandler = Router.RouteHandler; -var Breadcrumb = require('antd/lib/breadcrumb'); +var ReactRouter = require('react-router'); +var history = require('react-router/lib/HashHistory').history; +var Router = ReactRouter.Router; +var Route = ReactRouter.Route; +var Link = ReactRouter.Link; +var Breadcrumb = require('antd').Breadcrumb; var Apps = React.createClass({ render() { @@ -22,36 +23,34 @@ var Apps = React.createClass({ } }); -var App = React.createClass({ +var Home = React.createClass({ render() { return (
首页 应用列表
- + {this.props.children || 'Home'}
点击上面的导航切换页面,面包屑在下面:
- +
); } }); -var routes = ( - - - +React.render(( + + + + + - -); - -Router.run(routes, Router.HashLocation, (Root) => { - React.render(, document.getElementById('components-breadcrumb-demo-router')); -}); + +), document.getElementById('components-breadcrumb-demo-router')); ````