9c4eefcdbf
* Add prettier for examples directory * Fix files * Fix linting * Add prettier script in case it has to be ran again
25 lines
563 B
JavaScript
25 lines
563 B
JavaScript
import { withRouter } from 'next/router'
|
|
|
|
// typically you want to use `next/link` for this usecase
|
|
// but this example shows how you can also access the router
|
|
// using the withRouter utility.
|
|
|
|
const ActiveLink = ({ children, router, href }) => {
|
|
const style = {
|
|
marginRight: 10,
|
|
color: router.pathname === href ? 'red' : 'black'
|
|
}
|
|
|
|
const handleClick = e => {
|
|
e.preventDefault()
|
|
router.push(href)
|
|
}
|
|
|
|
return (
|
|
<a href={href} onClick={handleClick} style={style}>
|
|
{children}
|
|
</a>
|
|
)
|
|
}
|
|
|
|
export default withRouter(ActiveLink)
|