Router and home (done). Team component.
This commit is contained in:
parent
b5d2cbc3c2
commit
fa6e1f3c4c
5 changed files with 80 additions and 37 deletions
|
@ -3,27 +3,28 @@ import { Router as ReactRouter, Route, Switch } from 'react-router-dom'
|
|||
import { createBrowserHistory as createHistory } from 'history'
|
||||
|
||||
/* Site */
|
||||
import Home from 'views/Home'
|
||||
import Team from 'views/Team'
|
||||
import Member from 'views/Member'
|
||||
import Home from '../views/Home'
|
||||
// import Team from '../views/Team'
|
||||
// import Member from '../views/Member'
|
||||
|
||||
const history = createHistory()
|
||||
history.listen(location => {
|
||||
window.scrollTo(0,0)
|
||||
})
|
||||
|
||||
export function Router(props) {
|
||||
export default function Router(props) {
|
||||
return (
|
||||
<ReactRouter history = { history }>
|
||||
<Switch>
|
||||
<Route exact path='/' component={Home} />
|
||||
<Route exact path='/team' render={(props) => <Team {...props} />} />
|
||||
<Route exact path='/member' render={(props) => <Member {...props} />} />
|
||||
</Switch>
|
||||
</ReactRouter>
|
||||
)
|
||||
}
|
||||
|
||||
// <Route exact path='/team' render={(props) => <Team {...props} />} />
|
||||
// <Route exact path='/member' render={(props) => <Member {...props} />} />
|
||||
|
||||
// class Router extends React.Component {
|
||||
// constructor(props) {
|
||||
// super(props)
|
||||
|
|
15
src/components/Team.jsx
Normal file
15
src/components/Team.jsx
Normal file
|
@ -0,0 +1,15 @@
|
|||
import React from 'react'
|
||||
|
||||
export default function Team({ teams }) {
|
||||
return (
|
||||
<div className='teams'>
|
||||
<ul className='list'>
|
||||
{teams.map(team => (
|
||||
<li className = 'list-item' key={team.id}>
|
||||
{ team.name }
|
||||
</li>
|
||||
))}
|
||||
</ul>
|
||||
</div>
|
||||
)
|
||||
}
|
Loading…
Add table
Add a link
Reference in a new issue