Skip to content

Commit c125f00

Browse files
author
Duc Le
committed
revert heading id
1 parent c9a8b49 commit c125f00

File tree

1 file changed

+7
-7
lines changed

1 file changed

+7
-7
lines changed

src/content/reference/react/Fragment.md

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -19,7 +19,7 @@ title: <Fragment> (<>...</>)
1919

2020
---
2121

22-
## Tham khảo {/*tham-khảo*/}
22+
## Tham khảo {/*reference*/}
2323

2424
### `<Fragment>` {/*fragment*/}
2525

@@ -29,17 +29,17 @@ title: <Fragment> (<>...</>)
2929

3030
- `key` **tuỳ chọn** : Các Fragment được khai báo bằng cú pháp rõ ràng `<Fragment>` có thể có [keys.](/learn/rendering-lists#keeping-list-items-in-order-with-key)
3131

32-
#### Những lưu ý {/*những-lưu-ý*/}
32+
#### Những lưu ý {/*caveats*/}
3333

3434
- Nếu bạn muốn truyền `key` vào một Fragment, bạn không thể sử dụng cú pháp `<>...</>`. Bạn phải import rõ ràng `Fragment` từ `'react'` và render `<Fragment key={yourKey}>...</Fragment>`.
3535

3636
- React không [đặt lại state](/learn/preserving-and-resetting-state) khi bản chuyển từ việc render `<><Child /></>` sang `[<Child />]` hay ngược lại, hoặc khi bạn chuyển từ render `<><Child /></>` sang `<Child />` và ngược lại. Điều này chỉ hoạt động chính xác ở mức độ một cấp: ví dụ, từ `<><><Child /></></>` sang `<Child />` sẽ đặt lại state. Xem cụ thể về cách hoạt động [ở đây.](https://gist.github.com/clemmy/b3ef00f9507909429d8aa0d3ee4f986b)
3737

3838
---
3939

40-
## Cách sử dụng {/*cách-sử-dụng*/}
40+
## Cách sử dụng {/*usage*/}
4141

42-
### Trả về nhiều phần tử {/*trả-về-nhiều-phần-tử*/}
42+
### Trả về nhiều phần tử {/*returning-multiple-elements*/}
4343

4444
Sử dụng `Fragment`, hoặc cú pháp tương đương `<>...</>`, để nhóm các phần tử lại với nhau. Bạn có thể sử dụng Fragment để đặt nhiều phần tử vào bất kỳ nơi nào mà một phần tử đơn lẻ có thể được sử dụng. Ví dụ, một thành phần chỉ có thể trả về một phần tử, nhưng bằng cách sử dụng Fragment, bạn có thể nhóm nhiều phần tử lại với nhau và sau đó trả về chúng như một nhóm.:
4545

@@ -94,7 +94,7 @@ function PostBody({ body }) {
9494

9595
<DeepDive>
9696

97-
#### Làm thế nào để viết Fragment mà không cần cú pháp đặc biệt? {/*làm-thế-nào-để-viết-fragment-mà-không-cần-cú-pháp-đặc-biệt*/}
97+
#### Làm thế nào để viết Fragment mà không cần cú pháp đặc biệt? {/*how-to-write-a-fragment-without-the-special-syntax*/}
9898

9999
Câu ví dụ trên tương đương với việc import `Fragment` từ React:
100100

@@ -117,7 +117,7 @@ Thông thường bạn sẽ không cần phải làm thế này trừ khi bạn
117117

118118
---
119119

120-
### Gán nhiều phần tử vào một biến {/*gán-nhiều-phần-tử-vào-một-biến*/}
120+
### Gán nhiều phần tử vào một biến {/*assigning-multiple-elements-to-a-variable*/}
121121

122122
Như mọi phần tử khác, bạn có thể gán các phần tử Fragment vào các biến, truyền chúng như props, và hơn thế nữa:
123123

@@ -139,7 +139,7 @@ function CloseDialog() {
139139
140140
---
141141
142-
### Nhóm các phần tử với văn bản {/*nhóm-các-phần-tử-với-văn-bản*/}
142+
### Nhóm các phần tử với văn bản {/*grouping-elements-with-text*/}
143143
144144
Bạn có thể dùng `Fragment` để nhóm các văn bản với các thành phần:
145145

0 commit comments

Comments
 (0)