Merge pull request #5870 from SimenB/patch-1

Remove the recommendation to use `isMounted` from beginner docs
(cherry picked from commit e09dfe1e0e)
This commit is contained in:
Jim
2016-01-17 12:08:50 -08:00
committed by Paul O’Shannessy
parent 8c27faab7a
commit 2a1dc07046
+10 -6
View File
@@ -9,7 +9,7 @@ next: false-in-jsx.html
Fetch data in `componentDidMount`. When the response arrives, store the data in state, triggering a render to update your UI.
When processing the response of an asynchronous request, be sure to check that the component is still mounted before updating its state by using `this.isMounted()`.
When fetching data asynchronously, use `componentWillUnmount` to cancel any outstanding requests before the component is unmounted.
This example fetches the desired Github user's latest gist:
@@ -23,15 +23,19 @@ var UserGist = React.createClass({
},
componentDidMount: function() {
$.get(this.props.source, function(result) {
var lastGist = result[0];
if (this.isMounted()) {
this.setState({
serverRequest: $.get(this.props.source, function(result) {
var lastGist = result[0];
this.setState({
username: lastGist.owner.login,
lastGistUrl: lastGist.html_url
});
}
}.bind(this));
}.bind(this))
});
},
componentWillUnmount: function() {
this.state.serverRequest.abort();
},
render: function() {