Update hook descriptions

This commit is contained in:
Isabelle Viktoria Maciohsek
2020-11-16 14:17:53 +02:00
parent 9e9e7443c2
commit eeccde742b
13 changed files with 121 additions and 96 deletions

View File

@ -3,16 +3,17 @@ title: useComponentDidMount
tags: hooks,effect,beginner
---
A hook that executes a callback immediately after a component is mounted.
Executes a callback immediately after a component is mounted.
- Use `React.useEffect()` with an empty array as the second argument to execute the provided callback only once when the component is mounted.
- Use `useEffect()` with an empty array as the second argument to execute the provided callback only once when the component is mounted.
- Behaves like the `componentDidMount()` lifecycle method of class components.
```jsx
const useComponentDidMount = onMountHandler => {
React.useEffect(() => {
onMountHandler()
onMountHandler();
}, []);
}
};
```
```jsx
@ -20,7 +21,7 @@ const Mounter = () => {
useComponentDidMount(() => console.log('Component did mount'));
return <div>Check the console!</div>;
}
};
ReactDOM.render(<Mounter />, document.getElementById('root'));
```