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
C. T. Lin 8e6615dcf9 upgrade react to v15.5 and use prop-types instead of React.PropTypes (#1684)
* upgrade react to v15.5 and use prop-types instead of React.PropTypes

* Update package.json
2017-04-11 00:05:26 +05:30

36 lines
865 B
JavaScript

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}
}
renderSwitchLangageLink () {
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>
<div>{this.renderSwitchLangageLink()}</div>
</div>
)
}
}
GreetingPage.propTypes = {
lang: PropTypes.string,
name: PropTypes.string
}