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

[Beta] update handleClick() to handleClick (#4984)

Browse Source
This commit is contained in:
zqran
2022-09-05 21:19:24 +08:00
committed by GitHub
parent 102982abd2
commit 167b030818
1 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
beta/src/pages/learn/state-a-components-memory.md
View File

@@ -151,7 +151,7 @@ button {
</Sandpack>
The `handleClick()` event handler is updating a local variable, `index`. But two things prevent that change from being visible:
The `handleClick` event handler is updating a local variable, `index`. But two things prevent that change from being visible:
1. **Local variables don't persist between renders.** When React renders this component a second time, it renders it from scratch—it doesn't consider any changes to the local variables.
2. **Changes to local variables won't trigger renders.** React doesn't realize it needs to render the component again with the new data.
@@ -190,7 +190,7 @@ const [index, setIndex] = useState(0);
> The `[` and `]` syntax here is called [array destructuring](/learn/a-javascript-refresher#array-destructuring) and it lets you read values from an array. The array returned by `useState` always has exactly two items.
This is how they work together in `handleClick()`:
This is how they work together in `handleClick`:
```js
function handleClick() {