Router and home (done). Team component.

This commit is contained in:
Rodrigo Pedroso 2019-06-23 23:59:45 -04:00
commit fa6e1f3c4c
5 changed files with 80 additions and 37 deletions

View file

@ -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
View 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>
)
}