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
class Chart extends React.Component {
constructor () {
super();
super()
this.state = {
chart: false,
data: [
@ -13,15 +13,15 @@ class Chart extends React.Component {
{name: 'Page D', uv: 2780, pv: 3908, amt: 2000},
{name: 'Page E', uv: 1890, pv: 4800, amt: 2181},
{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() {
LineChart = require('recharts').LineChart;
Line = require('recharts').Line;
componentDidMount () {
LineChart = require('recharts').LineChart
Line = require('recharts').Line
this.setState({
chart: true
})
@ -31,9 +31,9 @@ class Chart extends React.Component {
return (
<div>
<h1>Another chart</h1>
{this.state.chart == true &&
{this.state.chart &&
<LineChart width={400} height={400} data={this.state.data}>
<Line type="monotone" dataKey="uv" stroke="#8884d8" />
<Line type='monotone' dataKey='uv' stroke='#8884d8' />
</LineChart>
}
</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 {
constructor () {
super();
super()
this.state = {
chart: false,
data: [
@ -15,15 +15,15 @@ class Index extends React.Component {
{name: 'Page D', uv: 2780, pv: 3908, amt: 2000},
{name: 'Page E', uv: 1890, pv: 4800, amt: 2181},
{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() {
LineChart = require('recharts').LineChart;
Line = require('recharts').Line;
componentDidMount () {
LineChart = require('recharts').LineChart
Line = require('recharts').Line
this.setState({
chart: true
})
@ -34,9 +34,9 @@ class Index extends React.Component {
<div>
<h1>Chart</h1>
<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}>
<Line type="monotone" dataKey="uv" stroke="#8884d8" />
<Line type='monotone' dataKey='uv' stroke='#8884d8' />
</LineChart>
}
</div>
@ -44,4 +44,4 @@ class Index extends React.Component {
}
}
export default Index
export default Index