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/sharing-state-between-components.md
+5-5Lines changed: 5 additions & 5 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -4,14 +4,14 @@ title: Chia Sẻ State Giữa Các Component
4
4
5
5
<Intro>
6
6
7
-
Đôi khi, bạn muốn state của hai component luôn thay đổi cùng nhau. Để làm được điều này, hãy loại bỏ state khỏi cả hai component, di chuyển nó lên parent gần nhất chung của chúng, và sau đó truyền xuống cho chúng thông qua props. Điều này được gọi là *lifting state up*, và đây là một trong những việc phổ biến nhất mà bạn sẽ làm khi viết code React.
7
+
Đôi khi, bạn muốn state của hai component luôn thay đổi cùng nhau. Để làm được điều này, hãy loại bỏ state khỏi cả hai component, di chuyển nó lên parent gần nhất chung của chúng, và sau đó truyền xuống cho chúng thông qua props. Điều này được gọi là *lifting state up* (đẩy state lên), và đây là một trong những việc phổ biến nhất mà bạn sẽ làm khi viết code React.
8
8
9
9
</Intro>
10
10
11
11
<YouWillLearn>
12
12
13
-
- Cách chia sẻ state giữa các component bằng cách lifting nó lên
14
-
- Controlled và uncontrolled component là gì
13
+
- Cách chia sẻ state giữa các component bằng cách lifting (đẩy) nó lên
14
+
- Controlled (kiểm soát) và uncontrolled (không kiểm soát) component là gì
15
15
16
16
</YouWillLearn>
17
17
@@ -286,7 +286,7 @@ Khi state `activeIndex` của `Accordion` thay đổi thành `1`, `Panel` thứ
286
286
287
287
<DeepDive>
288
288
289
-
#### Controlled và uncontrolled component {/*controlled-and-uncontrolled-components*/}
289
+
#### Controlled (Kiểm soát) và uncontrolled (Không kiểm soát) component {/*controlled-and-uncontrolled-components*/}Controlled và uncontrolled component {/*controlled-and-uncontrolled-components*/}
290
290
291
291
Thông thường người ta gọi một component có một số local state là "uncontrolled". Ví dụ, component `Panel` ban đầu với biến state `isActive` là uncontrolled vì parent của nó không thể ảnh hưởng đến việc panel có active hay không.
292
292
@@ -296,7 +296,7 @@ Uncontrolled component dễ sử dụng hơn trong parent của chúng vì chún
296
296
297
297
Trong thực tế, "controlled" và "uncontrolled" không phải là thuật ngữ kỹ thuật nghiêm ngặt--mỗi component thường có hỗn hợp cả local state và props. Tuy nhiên, đây là một cách hữu ích để nói về cách các component được thiết kế và khả năng chúng cung cấp.
298
298
299
-
Khi viết một component, hãy xem xét thông tin nào trong đó nên được controlled (thông qua props), và thông tin nào nên là uncontrolled (thông qua state). Nhưng bạn luôn có thể thay đổi ý kiến và refactor sau.
299
+
Khi viết một component, hãy xem xét thông tin nào trong đó nên được controlled (thông qua props), và thông tin nào nên là uncontrolled (thông qua state). Nhưng bạn luôn có thể thay đổi ý kiến và cải tiến sau.
0 commit comments