This commit is contained in:
afc163 2018-05-25 20:18:23 +08:00 committed by 偏右
parent 0feaf95629
commit aff9d8fc62

View File

@ -1,15 +1,15 @@
import React from 'react'; import React from 'react';
import { Route, Switch, Link, withRouter, MemoryRouter } from 'react-router-dom'; import { Route, Switch, Link, withRouter, MemoryRouter } from 'react-router-dom';
import Breadcrumb from '../index';
import { mount } from 'enzyme'; import { mount } from 'enzyme';
import Breadcrumb from '../index';
const Apps = () => ( const Apps = () => (
<ul className='app-list'> <ul className="app-list">
<li> <li>
<Link to='/apps/1'>Application1</Link><Link to='/apps/1/detail'>Detail</Link> <Link to="/apps/1">Application1</Link><Link to="/apps/1/detail">Detail</Link>
</li> </li>
<li> <li>
<Link to='/apps/2'>Application2</Link><Link to='/apps/2/detail'>Detail</Link> <Link to="/apps/2">Application2</Link><Link to="/apps/2/detail">Detail</Link>
</li> </li>
</ul> </ul>
); );
@ -36,18 +36,18 @@ const Home = withRouter((props) => {
); );
}); });
const breadcrumbItems = [( const breadcrumbItems = [(
<Breadcrumb.Item key='home'> <Breadcrumb.Item key="home">
<Link to='/'>Home</Link> <Link to="/">Home</Link>
</Breadcrumb.Item> </Breadcrumb.Item>
)].concat(extraBreadcrumbItems); )].concat(extraBreadcrumbItems);
return ( return (
<div className='demo'> <div className="demo">
<div className='demo-nav'> <div className="demo-nav">
<a onClick={() => history.push('/')}>Home</a> <a onClick={() => history.push('/')}>Home</a>
<a onClick={() => history.push('/apps')}>Application List</a> <a onClick={() => history.push('/apps')}>Application List</a>
</div> </div>
<Switch> <Switch>
<Route path='/apps' component={Apps} /> <Route path="/apps" component={Apps} />
<Route render={() => <span>Home Page</span>} /> <Route render={() => <span>Home Page</span>} />
</Switch> </Switch>
<Breadcrumb> <Breadcrumb>