terribleplan/next.js
1
0
Fork 0
mirror of https://github.com/terribleplan/next.js.git synced 2024-01-19 02:48:18 +00:00
Code Issues Releases Wiki Activity

Make sure examples adhere to code style

Browse source
This commit is contained in:
Tim Neutkens 2017-11-05 19:47:12 +01:00
parent e1d9ae27f0
commit 6952d58c4e
2 changed files with 18 additions and 18 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

18
examples/only-client-render-external-dependencies/pages/chart.js
View file

@ -3,7 +3,7 @@ let LineChart
let Line let Line
class Chart extends React.Component { class Chart extends React.Component {
constructor () { constructor () {
super(); super()
this.state = { this.state = {
chart: false, chart: false,
data: [ data: [
@ -13,15 +13,15 @@ class Chart extends React.Component {
{name: 'Page D', uv: 2780, pv: 3908, amt: 2000}, {name: 'Page D', uv: 2780, pv: 3908, amt: 2000},
{name: 'Page E', uv: 1890, pv: 4800, amt: 2181}, {name: 'Page E', uv: 1890, pv: 4800, amt: 2181},
{name: 'Page F', uv: 2390, pv: 3800, amt: 2500}, {name: 'Page F', uv: 2390, pv: 3800, amt: 2500},
{name: 'Page G', uv: 3490, pv: 4300, amt: 2100}, {name: 'Page G', uv: 3490, pv: 4300, amt: 2100}
] ]
} }
} }
componentDidMount() { componentDidMount () {
LineChart = require('recharts').LineChart; LineChart = require('recharts').LineChart
Line = require('recharts').Line; Line = require('recharts').Line
this.setState({ this.setState({
chart: true chart: true
}) })
@ -31,9 +31,9 @@ class Chart extends React.Component {
return ( return (
<div> <div>
<h1>Another chart</h1> <h1>Another chart</h1>
{this.state.chart == true && {this.state.chart &&
<LineChart width={400} height={400} data={this.state.data}> <LineChart width={400} height={400} data={this.state.data}>
<Line type="monotone" dataKey="uv" stroke="#8884d8" /> <Line type='monotone' dataKey='uv' stroke='#8884d8' />
</LineChart> </LineChart>
} }
</div> </div>
@ -41,4 +41,4 @@ class Chart extends React.Component {
} }
} }
export default Chart export default Chart

18
examples/only-client-render-external-dependencies/pages/index.js
View file

@ -5,7 +5,7 @@ let Line
class Index extends React.Component { class Index extends React.Component {
constructor () { constructor () {
super(); super()
this.state = { this.state = {
chart: false, chart: false,
data: [ data: [
@ -15,15 +15,15 @@ class Index extends React.Component {
{name: 'Page D', uv: 2780, pv: 3908, amt: 2000}, {name: 'Page D', uv: 2780, pv: 3908, amt: 2000},
{name: 'Page E', uv: 1890, pv: 4800, amt: 2181}, {name: 'Page E', uv: 1890, pv: 4800, amt: 2181},
{name: 'Page F', uv: 2390, pv: 3800, amt: 2500}, {name: 'Page F', uv: 2390, pv: 3800, amt: 2500},
{name: 'Page G', uv: 3490, pv: 4300, amt: 2100}, {name: 'Page G', uv: 3490, pv: 4300, amt: 2100}
] ]
} }
} }
componentDidMount() { componentDidMount () {
LineChart = require('recharts').LineChart; LineChart = require('recharts').LineChart
Line = require('recharts').Line; Line = require('recharts').Line
this.setState({ this.setState({
chart: true chart: true
}) })
@ -34,9 +34,9 @@ class Index extends React.Component {
<div> <div>
<h1>Chart</h1> <h1>Chart</h1>
<Link href='/chart'><a>Go to another chart</a></Link> <Link href='/chart'><a>Go to another chart</a></Link>
{this.state.chart == true && {this.state.chart &&
<LineChart width={400} height={400} data={this.state.data}> <LineChart width={400} height={400} data={this.state.data}>
<Line type="monotone" dataKey="uv" stroke="#8884d8" /> <Line type='monotone' dataKey='uv' stroke='#8884d8' />
</LineChart> </LineChart>
} }
</div> </div>
@ -44,4 +44,4 @@ class Index extends React.Component {
} }
} }
export default Index export default Index