diff --git a/examples/update-on-async-rendering/updating-external-data-when-props-change-after.js b/examples/update-on-async-rendering/updating-external-data-when-props-change-after.js index 014a3c61..2426bc9a 100644 --- a/examples/update-on-async-rendering/updating-external-data-when-props-change-after.js +++ b/examples/update-on-async-rendering/updating-external-data-when-props-change-after.js @@ -20,13 +20,13 @@ class ExampleComponent extends React.Component { } componentDidMount() { - this._loadAsyncData(); + this._loadAsyncData(this.props.id); } // highlight-range{1-5} componentDidUpdate(prevProps, prevState) { if (prevState.externalData === null) { - this._loadAsyncData(); + this._loadAsyncData(this.props.id); } } @@ -44,8 +44,8 @@ class ExampleComponent extends React.Component { } } - _loadAsyncData() { - this._asyncRequest = asyncLoadData(this.props.id).then( + _loadAsyncData(id) { + this._asyncRequest = asyncLoadData(id).then( externalData => { this._asyncRequest = null; this.setState({externalData}); diff --git a/examples/update-on-async-rendering/updating-external-data-when-props-change-before.js b/examples/update-on-async-rendering/updating-external-data-when-props-change-before.js index 0b0af809..aa22358c 100644 --- a/examples/update-on-async-rendering/updating-external-data-when-props-change-before.js +++ b/examples/update-on-async-rendering/updating-external-data-when-props-change-before.js @@ -5,14 +5,14 @@ class ExampleComponent extends React.Component { }; componentDidMount() { - this._loadAsyncData(); + this._loadAsyncData(this.props.id); } // highlight-range{1-6} componentWillReceiveProps(nextProps) { if (nextProps.id !== this.props.id) { this.setState({externalData: null}); - this._loadAsyncData(); + this._loadAsyncData(nextProps.id); } } @@ -30,8 +30,8 @@ class ExampleComponent extends React.Component { } } - _loadAsyncData() { - this._asyncRequest = asyncLoadData(this.props.id).then( + _loadAsyncData(id) { + this._asyncRequest = asyncLoadData(id).then( externalData => { this._asyncRequest = null; this.setState({externalData});