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

Explain how StrictMode affects function components and hooks (#2515)

Browse Source 
* Update strict-mode.md

* Fix links

* docs: specify which kind of function component

* Update content/docs/strict-mode.md

* Update strict-mode.md

Co-authored-by: Dan Abramov <dan.abramov@gmail.com>
This commit is contained in:
Sebastian Silbermann
2020-03-30 16:01:54 +02:00
committed by GitHub
parent c2eb543b52
commit 9e5a358cb2
1 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
content/docs/strict-mode.md
View File

@@ -97,13 +97,13 @@ Render phase lifecycles include the following class component methods:
Because the above methods might be called more than once, it's important that they do not contain side-effects. Ignoring this rule can lead to a variety of problems, including memory leaks and invalid application state. Unfortunately, it can be difficult to detect these problems as they can often be [non-deterministic](https://en.wikipedia.org/wiki/Deterministic_algorithm).
Strict mode can't automatically detect side effects for you, but it can help you spot them by making them a little more deterministic. This is done by intentionally double-invoking the following methods:
Strict mode can't automatically detect side effects for you, but it can help you spot them by making them a little more deterministic. This is done by intentionally double-invoking the following functions:
* Class component `constructor` method
* The `render` method
* `setState` updater functions (the first argument)
* The static `getDerivedStateFromProps` lifecycle
* The `shouldComponentUpdate` method
* Class component `constructor`, `render`, and `shouldComponent` methods
* Class component static `getDerivedStateFromProps` method
* Function component bodies
* State updater functions (the first argument to `setState`)
* Functions passed to `useState`, `useMemo`, or `useReducer`
> Note:
>