diff --git a/examples/only-client-render-external-dependencies/pages/chart.js b/examples/only-client-render-external-dependencies/pages/chart.js index 296ef9b0..02ca076d 100644 --- a/examples/only-client-render-external-dependencies/pages/chart.js +++ b/examples/only-client-render-external-dependencies/pages/chart.js @@ -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 (

Another chart

- {this.state.chart == true && + {this.state.chart && - + }
@@ -41,4 +41,4 @@ class Chart extends React.Component { } } -export default Chart \ No newline at end of file +export default Chart diff --git a/examples/only-client-render-external-dependencies/pages/index.js b/examples/only-client-render-external-dependencies/pages/index.js index 9c3ba163..dde405c3 100644 --- a/examples/only-client-render-external-dependencies/pages/index.js +++ b/examples/only-client-render-external-dependencies/pages/index.js @@ -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 {

Chart

Go to another chart - {this.state.chart == true && + {this.state.chart && - + }
@@ -44,4 +44,4 @@ class Index extends React.Component { } } -export default Index \ No newline at end of file +export default Index