rsnext/examples/with-react-intl/components/Nav.js
Tage A. L. K 9efed17503 Update with-react-intl for v3 (#8526)
* Update dependencies

> Update dependencies

* Changes to make v3 work

> Use hook `useIntl` instead of HOC `injectIntl`
> Change use of class components
> Changes to dependencies

* Small changes

Small changes
2019-08-26 15:40:36 -05:00

31 lines
569 B
JavaScript

import { FormattedMessage } from 'react-intl'
import Link from 'next/link'
export default () => (
<nav>
<li>
<Link href='/'>
<a>
<FormattedMessage id='nav.home' defaultMessage='Home' />
</a>
</Link>
</li>
<li>
<Link href='/about'>
<a>
<FormattedMessage id='nav.about' defaultMessage='About' />
</a>
</Link>
</li>
<style jsx>{`
nav {
display: flex;
}
li {
list-style: none;
margin-right: 1rem;
}
`}</style>
</nav>
)