amirho/react.dev
1
0
Fork 0
mirror of https://github.com/reactjs/react.dev.git synced 2026-02-23 20:23:08 +00:00
Code Issues Packages Projects Releases Wiki Activity

Remove the recommendation to use isMounted from beginner docs

Browse Source
This commit is contained in:
Simen Bekkhus
2016-01-17 10:54:09 +01:00
parent a206ab1a22
commit 2f2f289815
1 changed files with 10 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
tips/12-initial-ajax.md
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() {