You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: src/content/learn/state-as-a-snapshot.md
+6-6
Original file line number
Diff line number
Diff line change
@@ -256,18 +256,18 @@ setTimeout(() => {
256
256
257
257
Ось приклад, як це захищає обробники подій від помилок хронометражу. Нижче — форма, що надсилає повідомлення з п'ятисекундною затримкою. Уявіть такий сценарій:
258
258
259
-
1. Ви натискаєте кнопку "Надіслати", надсилаючи "Привіт" Анні.
260
-
2. Перш ніж закінчиться п'ятисекундна затримка, ви змінюєте значення в полі "Кому" на "Богдан".
259
+
1. Ви натискаєте кнопку "Надіслати", надсилаючи "Привіт" Алісі.
260
+
2. Перш ніж закінчиться п'ятисекундна затримка, ви змінюєте значення в полі "Кому" на "Боб".
261
261
262
-
Як гадаєте, що покаже `alert`? Чи виведеться "Ви надіслали Привіт користувачу Анна"? Чи, можливо, "Ви надіслали Привіт користувачу Богдан"? Спробуйте вгадати на основі того, що знаєте, а потім перевірте:
262
+
Як гадаєте, що покаже `alert`? Чи виведеться "Ви надіслали Привіт користувачу Аліса"? Чи, можливо, "Ви надіслали Привіт користувачу Боб"? Спробуйте вгадати на основі того, що знаєте, а потім перевірте:
263
263
264
264
<Sandpack>
265
265
266
266
```js
267
267
import { useState } from'react';
268
268
269
269
exportdefaultfunctionForm() {
270
-
const [to, setTo] =useState('Анна');
270
+
const [to, setTo] =useState('Аліса');
271
271
const [message, setMessage] =useState('Привіт');
272
272
273
273
functionhandleSubmit(e) {
@@ -284,8 +284,8 @@ export default function Form() {
0 commit comments