Yêu cầu thg 4 19, 2021 2:46 SA 134 0 3
  • 134 0 3
+4

Truyền dữ liệu cho Component React

Chia sẻ
  • 134 0 3

Chào mọi người, mình có một câu hỏi mong được mọi người giải đáp giúp mình

Ví dụ trong Component Product có khá nhiều Component con và data của product cũng khá là nhiều. Mình đang thắc không biết truyền data như thế nào cho hợp lý.

  • TH1: Truyền tất cả data xuống cho component con. Cách này nhìn Component sẽ khá gọn.
  • TH2: Cần data gì thì truyền data ấy. Cách này phải liệt kê khá nhiều field trong Component.

Không biết cách nào thì mới hợp lý ạ?

3 CÂU TRẢ LỜI


Đã trả lời thg 4 19, 2021 2:49 SA
+1

TH1: Nếu các component con của bạn đều có sử dụng chung dữ liệu gì đó thì bạn nên nhét hết vào JSON rồi truyền 1 cục sang luôn, đỡ sợ bị thiếu data gì

TH2: Nếu các component con của bạn không sử dụng chung dữ liệu gì thì bạn cứ truyền vào từng prop một

Chia sẻ
thg 4 19, 2021 2:55 SA

Mình đang truyền như thế này cho trường hợp 2, và thấy có vẻ khá dài.
Nhưng component đó chỉ dùng mấy field như mình truyền, còn data tổng có vài chục field lận =))

Screenshot_1.png

thg 4 19, 2021 3:16 SA

@thangly98 vậy mình nghĩ bạn nên truyền như TH1, cho hết vào JSON rồi ném sang, tất cả các component đều làm như thế vì có lẽ các component bên trong product của bạn cũng sẽ dùng chung khá nhiều field

thg 5 27, 2021 6:24 SA

@thangly98 không liên quan lắm mà hình như từ Information nó k đúng =)))

Đã trả lời thg 4 19, 2021 2:51 SA
+1

bạn thử tìm hiểu sate xem có được không

Chia sẻ
thg 4 19, 2021 2:57 SA

Vì data cố định nên mình không dùng state á

Đã trả lời thg 5 27, 2021 6:22 SA
+1

Mình thì làm 1 cái hàm filterField(data, ['field1','field1,...]) cho phép lọc những thuộc tính cần truyền thông qua props. Sử dụng kiểu như này: <Comp data={{...filterField(product, ALLOW_FIELD_LIST}} />

Chia sẻ
thg 5 27, 2021 9:32 SA

Cách này có vẻ hay, để mình áp dụng thử

thg 5 29, 2021 2:49 SA

@thangly98 okay bạn =)))

Viblo
Hãy đăng ký một tài khoản Viblo để nhận được nhiều bài viết thú vị hơn.
Đăng kí