Improve react examples

This commit is contained in:
Sean Landsman
2017-09-15 16:56:08 +01:00
parent c4310c2768
commit ad6bc068b2
26 changed files with 525 additions and 192 deletions

19
src/NavItem.jsx Normal file
View File

@@ -0,0 +1,19 @@
import React, {PropTypes} from 'react'
import {Route, Link} from 'react-router-dom'
// for bootstrap li active functionality
export default function NavItem({children, to, exact}) {
return (
<Route path={to} exact={exact} children={({match}) => (
<li className={match ? 'active' : null}>
<Link to={to}>{children}</Link>
</li>
)}/>
)
}
NavItem.propTypes = {
to: PropTypes.string.isRequired,
exact: PropTypes.bool,
children: PropTypes.node.isRequired,
};