mirror of
https://github.com/terribleplan/next.js.git
synced 2024-01-19 02:48:18 +00:00
Add Intl API polyfill in with-react-intl example (#2283)
* Add Intl API polyfill in with-react-intl example * fix linting
This commit is contained in:
parent
6303d19a3a
commit
db1ee2e161
|
@ -5,19 +5,24 @@ import Document, {Head, Main, NextScript} from 'next/document'
|
|||
export default class IntlDocument extends Document {
|
||||
static async getInitialProps (context) {
|
||||
const props = await super.getInitialProps(context)
|
||||
const {req: {localeDataScript}} = context
|
||||
const {req: {locale, localeDataScript}} = context
|
||||
return {
|
||||
...props,
|
||||
locale,
|
||||
localeDataScript
|
||||
}
|
||||
}
|
||||
|
||||
render () {
|
||||
// Polyfill Intl API for older browsers
|
||||
const polyfill = `https://cdn.polyfill.io/v2/polyfill.min.js?features=Intl.~locale.${this.props.locale}`
|
||||
|
||||
return (
|
||||
<html>
|
||||
<Head />
|
||||
<body>
|
||||
<Main />
|
||||
<script src={polyfill} />
|
||||
<script
|
||||
dangerouslySetInnerHTML={{
|
||||
__html: this.props.localeDataScript
|
||||
|
|
Loading…
Reference in a new issue