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

Mention loops

Browse Source
This commit is contained in:
Dan Abramov
2022-02-04 20:49:41 +00:00
parent b174aec9a9
commit 12ca0d4327
1 changed files with 1 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
beta/src/pages/apis/usestate.md
View File

@@ -854,6 +854,6 @@ button { margin-bottom: 10px; }
</Sandpack>
In this example, if you can't modify the parent component to track it, derived state is the right solution.
Note that derived state must set be inside a condition like `prevCount !== count`, and there must be a call like `setPrevCount(count)` inside of it. Otherwise, your component would re-render in a loop until it crashes.
When you can, try to avoid derived state. However, derived state is better than updating state in an effect. This is because calling the `set` function in render restarts a render immediately without waiting for child components.