Skip to content

Commit 999c65a

Browse files
authored
Update thinking-in-react.md
1 parent 500fe34 commit 999c65a

File tree

1 file changed

+0
-11
lines changed

1 file changed

+0
-11
lines changed

content/docs/thinking-in-react.md

Lines changed: 0 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -39,16 +39,9 @@ Nhưng làm thế nào để chia nhỏ giao diện thành những component? H
3939

4040
Vì mô hình dữ liệu thường hiển thị dưới dạng chuỗi JSON, nếu mô hình của bạn được thực hiện đúng, giao diện người dùng (và vì thế cấu trúc component) sẽ hoàn toàn tương thích. Đó là bởi vì giao diện người dùng và mô hình dữ liệu thường có xu hướng tuân thủ cùng một kiểu *thông tin kiến trúc*, có nghĩa rằng bạn sẽ không phải dành nhiều thời gian cho việc chia nhỏ giao diện người dùng. Mỗi component sẽ tượng trưng cho một phần mô hình dữ liệu.
4141

42-
<<<<<<< HEAD
4342
![Sơ đồ Component](../images/blog/thinking-in-react-components.png)
4443

4544
Trong ứng dụng dưới đây, bạn sẽ thấy chúng ta có 5 component, dữ liệu mà mỗi component hiển thị sẽ được in nghiêng
46-
=======
47-
![Diagram showing nesting of components](../images/blog/thinking-in-react-components.png)
48-
49-
You'll see here that we have five components in our app. We've italicized the data each component represents. The numbers in the image correspond to the numbers below.
50-
>>>>>>> a11c2534062bd79cc1e6e34db0e149f928df35bb
51-
5245
1. **`FilterableProductTable` (orange):** chứa toàn bộ cả ứng dụng
5346
2. **`SearchBar` (blue):** nơi *người dùng nhập từ khoá tìm kiếm*
5447
3. **`ProductTable` (green):** lọc và hiển thị *kết quả* dựa trên *từ khoá tìm kiếm*
@@ -90,11 +83,7 @@ Có 2 kiểu "mô hình" dữ liệu trong React: props và state. Hiểu ra s
9083

9184
Để xây dựng ứng dụng của bạn một cách chuẩn xác, đầu tiên cần suy nghĩ về một tập hợp tối thiểu các state có khả năng thay đổi trong ứng dựng. Trọng điểm là [DRY: *Không lập lại*](https://en.wikipedia.org/wiki/Don%27t_repeat_yourself) Xác định tập hợp này và tính toán những yêu cầu khác. Ví dụ, bạn tạo ra một danh sách TODO, không nên dùng state để đếm phần tử của mảng TODO. Thay vào đó khi in ra số lượng TODO, chỉ cần tính độ dài của mảng TODO.
9285

93-
<<<<<<< HEAD
9486
Suy tính về các thành phần dữ liệu trong ví dụ ứng dựng, nó bao gồm:
95-
=======
96-
Think of all the pieces of data in our example application. We have:
97-
>>>>>>> a11c2534062bd79cc1e6e34db0e149f928df35bb
9887

9988
* Danh sách gốc các sản phẩm
10089
* Từ khoá tìm kiếm từ phía người dùng

0 commit comments

Comments
 (0)