ThirdMirrors
/
cheatsheets
mirror of https://gitee.com/Hawkin99/cheatsheets.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

Merge pull request #1400 from srph/patch-1 

React Hooks: Add deps to useEffect
This commit is contained in:
Rico Sta. Cruz 2020-04-04 10:19:15 +11:00 committed by GitHub
parent 447de944e4 a652d427eb
commit cb4e03077f
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
react.md
View File

@ -365,7 +365,7 @@ function Example() {
useEffect(() => { useEffect(() => {
// Update the document title using the browser API // Update the document title using the browser API
document.title = `You clicked ${count} times`; document.title = `You clicked ${count} times`;
}); }, [count]);
return ( return (
<div> <div>
@ -379,7 +379,7 @@ function Example() {
``` ```
{: data-line="6,7,8,9,10"} {: data-line="6,7,8,9,10"}
If you’re familiar with React class lifecycle methods, you can think of `useEffect` Hook as `componentDidMount`, `componentDidUpdate`, and `componentWillUnmount` combined. If you’re familiar with React class lifecycle methods, you can think of `useEffect` Hook as `componentDidMount`, `componentDidUpdate`, and `componentWillUnmount` combined.
By default, React runs the effects after every render — including the first render. By default, React runs the effects after every render — including the first render.
@ -401,7 +401,7 @@ function FriendStatus(props) {
return () => { return () => {
ChatAPI.unsubscribeFromFriendStatus(props.friend.id, handleStatusChange); ChatAPI.unsubscribeFromFriendStatus(props.friend.id, handleStatusChange);
}; };
}); }, [props.friend.id]);
if (isOnline === null) { if (isOnline === null) {
return 'Loading...'; return 'Loading...';