1
0
Fork 0
mirror of https://github.com/terribleplan/next.js.git synced 2024-01-19 02:48:18 +00:00
next.js/examples/with-pretty-url-routing/pages/greeting.js

36 lines
867 B
JavaScript
Raw Normal View History

import React from 'react'
import PropTypes from 'prop-types'
import {Link} from 'next-url-prettifier'
import {Router} from '../routes'
export default class GreetingPage extends React.Component {
static getInitialProps ({query: {lang, name}}) {
return {lang, name}
}
2017-05-03 04:06:33 +00:00
renderSwitchLanguageLink () {
const {lang, name} = this.props
const switchLang = lang === 'fr' ? 'en' : 'fr'
return (
<Link route={Router.linkPage('greeting', {name, lang: switchLang})}>
<a>{switchLang === 'fr' ? 'Français' : 'English'}</a>
</Link>
)
}
render () {
const {lang, name} = this.props
return (
<div>
<h1>{lang === 'fr' ? 'Bonjour' : 'Hello'} {name}</h1>
2017-05-03 04:06:33 +00:00
<div>{this.renderSwitchLanguageLink()}</div>
</div>
)
}
}
GreetingPage.propTypes = {
lang: PropTypes.string,
name: PropTypes.string
}