feat(i18n): translate src/content/learn/sharing-state-between-components.md from English to Vietnamese #477
Conversation
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
…nts.md from English to Vietnamese
|
The latest updates on your projects. Learn more about Vercel for Git ↗︎ 1 Skipped Deployment
|
chriskhoa
requested changes
Jul 20, 2025
| --- | ||
|
|
||
| <Intro> | ||
|
|
||
| Sometimes, you want the state of two components to always change together. To do it, remove state from both of them, move it to their closest common parent, and then pass it down to them via props. This is known as *lifting state up,* and it's one of the most common things you will do writing React code. | ||
| Đô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. |
There was a problem hiding this comment.
Suggested change
| Đô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. | |
| Đô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. |
|
|
||
| </Intro> | ||
|
|
||
| <YouWillLearn> | ||
|
|
||
| - How to share state between components by lifting it up | ||
| - What are controlled and uncontrolled components | ||
| - Cách chia sẻ state giữa các component bằng cách lifting nó lên |
There was a problem hiding this comment.
Suggested change
| - Cách chia sẻ state giữa các component bằng cách lifting nó lên | |
| - Cách chia sẻ state giữa các component bằng cách lifting (đẩy) nó lên |
|
|
||
| </Diagram> | ||
|
|
||
| </DiagramGroup> | ||
|
|
||
| <DeepDive> | ||
|
|
||
| #### Controlled and uncontrolled components {/*controlled-and-uncontrolled-components*/} | ||
| #### Controlled và uncontrolled component {/*controlled-and-uncontrolled-components*/} |
There was a problem hiding this comment.
Suggested change
| #### Controlled và uncontrolled component {/*controlled-and-uncontrolled-components*/} | |
| #### Controlled (Kiểm soát) và uncontrolled (Không kiểm soát) component {/*controlled-and-uncontrolled-components*/} |
| - How to share state between components by lifting it up | ||
| - What are controlled and uncontrolled components | ||
| - Cách chia sẻ state giữa các component bằng cách lifting nó lên | ||
| - Controlled và uncontrolled component là gì |
There was a problem hiding this comment.
Suggested change
| - Controlled và uncontrolled component là gì | |
| - Controlled (kiểm soát) và uncontrolled (không kiểm soát) component là gì |
|
|
||
| When writing a component, consider which information in it should be controlled (via props), and which information should be uncontrolled (via state). But you can always change your mind and refactor later. | ||
| 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. |
There was a problem hiding this comment.
Suggested change
| 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. | |
| 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. |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
🇻🇳 Vietnamese Translation: Sharing State Between Components
Hi! I'm contributing as a volunteer translator for vi.react.dev, and this PR adds the Vietnamese translation for the "Sharing State Between Components" lesson.
What's included
Changes
Looking forward to contributing more translations to the project! 🚀
Tóm tắt những gì đã được dịch:
Tiêu đề và phần Intro:
"Sharing State Between Components" → "Chia Sẻ State Giữa Các Component"
Các phần chính:
Phần Challenges:
Các khái niệm kỹ thuật được giữ nguyên: