Context trong React

  • admin
  • 4 Tháng Sáu, 2022

Hi mọi người hôm nay mình sẽ nói về 1 useContext() hook trong React nha.

Context cung cấp phương pháp để chia sẻ những giá trị giữ các component với nhau

Mình có cây component sau: App(status: false) -> Header -> Menu -> User -> Profile

Mình muốn truyền 1 dât từ App sang component Profile sẽ gặp vấn đề Props Drilling (truyền props thông qua nhiều component)

Context sẽ giúp mình truyền từ component cha xuống thằng component cháu, chắc luôn mà không cần thông qua các component trung gian nữa hehe

3 bước đơn để tạo context

Với Provider sẽ có prop là value. Value nhận dữ liệu gì thì toàn bộ các childrent trong Provider đều có thể nhận được value đó

Ở component con Component-Child

Và tới đây ở component con có data từ component cha truyền qua rồi thì thoải mái dùng thôi, không cần quan tâm từ component cha qua mình có bao nhiêu trung gian nữa hehe.

guest
0 Góp ý
Phản hồi nội tuyến
Xem tất cả bình luận

Nhấn ESC để đóng

0
Rất thích suy nghĩ của bạn, hãy bình luận.x