useEffect() with dependencies | React hooks 2021 | React JS

Поделиться
HTML-код
  • Опубликовано: 3 ноя 2024
  • НаукаНаука

Комментарии • 64

  • @nguyenanhtuan2817
    @nguyenanhtuan2817 2 года назад +9

    ae ơi, quảng cáo giữa video của f8 thì đừng vội tắt đi nhé, click vào cho nó nhảy xang tap khác rồi sau tắt đi cũng đc

  • @umamiimamu
    @umamiimamu Год назад +4

    chúc A Sơn và toàn thể các ae trong ekip thật nhiều sức khoẻ, cảm ơn a vì thời gian và kiến thức đã mang lại cho cộng đồng,

  • @cuongnguyenchi5097
    @cuongnguyenchi5097 Год назад +2

    Ông này hay, giảng tường tận. Nghe cách nói chuyện, tui đoán là con người hiền hậu + khiêm tốn.
    Ít người được như ông này. ❤

    • @pmelopy7721
      @pmelopy7721 Год назад

      sai đó

    • @maiphuchoang7170
      @maiphuchoang7170 Год назад

      Nhìn ra con người tường minh, cái gì sẽ ra cái đó. Nếp sống chắc chắn rất kỷ luật

  • @dientranhuu6198
    @dientranhuu6198 2 года назад +2

    Cảm ơn anh Sơn nhé! Rất chi tiết và sâu chuỗi ạ!

  • @asperashi
    @asperashi 2 года назад +3

    có thể hiểu trong trường hợp 2 truyền mảng rỗng có nghĩa là dependency không bao giờ thay đổi
    => callback chỉ được gọi 1 lần duy nhất

  • @youngp8t
    @youngp8t 3 месяца назад

    đã làm xong dự án , thực sự kiến thức hồi đó học còn thiếu xót rất nhiều nên khá cực cho performance, h ngồi xem lại kiến thức tiếp thu x100, khuyên các bạn học kĩ và thực hành nhiều giai đoạn đầu :v để không như mình 😅

  • @haivo3071
    @haivo3071 2 года назад +2

    cảm ơn a .. bài học rất chi tiết & dể hiểu ạ .:)

  • @KhangNguyen-kq2iw
    @KhangNguyen-kq2iw 3 года назад +2

    ay da, intro mới chất quá thầy Sơn, mà em vẫn thích nhạc intro cũ hơn, nhẹ nhàng, sang trọng

  • @Misskieutra
    @Misskieutra Год назад

    BTVN thêm mỗi mấy String vào mảng thôi ạ. const tabs=['posts', 'comments', 'albums', 'photos', 'todos', 'users']

  • @lightd1404
    @lightd1404 Год назад +1

    Cảm ơn a. E thấy dễ hiểu thật mặc dù e là ng hiểu rất chậm., nên e nghĩ các b mà có base sẵn rồi thì chắc cũng k khó khăn gì =))

  • @quanghuytran4155
    @quanghuytran4155 2 года назад +1

    Cảm ơn anh Sơn vì những video chi tiết và bổ ích :D

  • @cpkcpkcpk2003
    @cpkcpkcpk2003 2 года назад +2

    A dạy dễ hiểu quá thanks a Sơn nhiều

  • @BaoTran-ii6pc
    @BaoTran-ii6pc 3 года назад

    Cám ơn anh, em lại tiếp thu được thêm nhiều kiến thức mới.

  • @tsmusic9587
    @tsmusic9587 Год назад

    kiến thức này đã được tiếp thu!

  • @ngocngokim
    @ngocngokim Год назад

    có thầy giáo học cái gì cũng dễ 😁😁😁

  • @hoangtruong5663
    @hoangtruong5663 Год назад

    Click vào quảng cáo có giúp đc gì cko a ko a Sơn

  • @trantoan6985
    @trantoan6985 Год назад

    thank admin, video chi tiết quá

  • @devinsidee
    @devinsidee 3 года назад +1

    F8 nhà cái có tâm hàng đầu VN

  • @quannguyen5832
    @quannguyen5832 2 года назад +1

    Hay quá anh ơi, cảm ơn anh nhiều

  • @thanhduynguyen6253
    @thanhduynguyen6253 11 месяцев назад

    api của lúc ấn toggle thì vẫn call 2 lần, a Sơn giải thích giúp e với được k a

  • @tanvunglien7139
    @tanvunglien7139 3 года назад +1

    nodejs anh có ra video mới nữa ko anh ơi

  • @ledinhthai69
    @ledinhthai69 2 года назад

    Hay quá. Rất cảm ơn

  • @amanda2348-g9j
    @amanda2348-g9j 2 года назад +1

    13:02 nó hiện ra 2 lần như vậy có ảnh hưởng gì không ạ?

  • @amanda2348-g9j
    @amanda2348-g9j Год назад

    5:18 sao nó in ra có 1 lần nhỉ? có StrictMode em thử rõ là nó in ra 2 lần mà?

  • @vanle8514
    @vanle8514 3 года назад +1

    Intro mới, khá gắt, mà thích intro cũ chất hơn :D

  • @tripham8864
    @tripham8864 3 года назад +1

    E xài vsCode thì trong useEffect có bao nhiêu cái biến ở trong đều bắt khai des hết ạ nếu ko sẽ warning màu vàng. Cảm ơn a bài giảng rất ngắn và dễ hiểu

    • @F8VNOfficial
      @F8VNOfficial  3 года назад +1

      Dùng các giá trị có thể thay đổi giá trị trong callback nó đều warning bảo đưa vào deps hết em nhé. Cái này em tìm hiểu về closure để hiểu tại sao phải đưa các biến đó vào deps nhé

  • @nguyenvananh2111
    @nguyenvananh2111 2 года назад +1

    cho mình hỏi case này với
    khi dùng class thì có shouldUpdate, didUpdate thì có prevState, prevProp và có thể handle logic để check các trường hợp phức tạp để re-render
    còn ở useEffect thì chỉ phụ thuộc vào mỗi change của 1 trong các deps
    vậy trường hợp dùng hook có thể handle được như shouldUpdate bên class được không
    cám ơn ạ

  • @atphamminh8384
    @atphamminh8384 3 года назад

    anh Sơn quá vip, i love you 3000

  • @kienangtrung8862
    @kienangtrung8862 3 года назад +1

    Thật bổ ích !!!

  • @trantuananh4456
    @trantuananh4456 2 года назад +1

    rat hy va de hieu

  • @aitran8089
    @aitran8089 2 года назад +1

    Posts ban đầu là mãng rỗng khi map ra, với key là title mà ko lỗi ở lần đầu tiên à anh

    • @F8VNOfficial
      @F8VNOfficial  2 года назад

      Mảng rỗng thì map có chạy được lần nào đâu mà lỗi em.

    • @aitran8089
      @aitran8089 2 года назад

      @@F8VNOfficial dạ e cám ơn, e chưa đọc kĩ map

  • @nguyenxuantrong3034
    @nguyenxuantrong3034 2 года назад +1

    cho mình hỏi sự khác nhau giữa
    onClick{setType(tab)} và
    onClick{() => setType(tab)}
    được không ạ?

    • @minhvuong7706
      @minhvuong7706 2 года назад +1

      Theo mình thì là: cái trên là giá trị trả về từ hàm còn cái dưới là hàm. Cái mà onClick cần là function

    • @danthai92
      @danthai92 2 года назад +1

      onClick{setType} là đc

    • @khoatran1535
      @khoatran1535 2 года назад +2

      cái trên thì chạy ngay khi code đọc tới mà chưa cần onClick.cái sau thì dc học r,onClick thì nó mới chạy cái callback

  • @phongvu2431
    @phongvu2431 2 года назад

    Em làm y như theo hướng dẫn mà api posts vẫn bị gọi 2 lần là sao anh

  • @igdev6095
    @igdev6095 3 года назад +2

    Chẳng hạn trong dependencies đó chứa biến kểu object thì vd mỗi khi re-render giá trị của object ko thay đổi nhưng địa chỉ của nó thay đổi nên vẫn trigger callback phải ko a nh :D

    • @F8VNOfficial
      @F8VNOfficial  3 года назад +2

      Đúng rồi, nó dùng === mà

  • @thanhhoangngoc3355
    @thanhhoangngoc3355 3 года назад +1

    Anh ơi khi reload lại trang web thì useeffect dependency rỗng có chạy lại k ạ

    • @F8VNOfficial
      @F8VNOfficial  3 года назад

      Không em ơi, reload trang là em đứng ở cấp trình duyệt em reload rồi, và reload nó giải phóng chương trình rồi nên code của em ko có chạy được đâu nhé.

    • @F8VNOfficial
      @F8VNOfficial  3 года назад

      Nếu em muốn chạy code trước khi reload thì tìm hiểu về beforeunload event nhé

  • @vuongqtvn
    @vuongqtvn 3 года назад +2

    anh nói ra ngay mà đúng 1 ngày =))

    • @F8VNOfficial
      @F8VNOfficial  3 года назад +4

      A nói cho các bạn trong tương lai nha. Giờ ai mà xem video trước thì đúng là gặp lại a trong video này ngay còn gì 🤣

  • @NhatNguyen-zg6il
    @NhatNguyen-zg6il 3 года назад +1

    Ổn áp quá a trai :o ,

  • @quocbao023z
    @quocbao023z 3 года назад +2

    Anh hướng dẫn SQL và môn cấu trúc dữ liệu giải thuật đi ạ

  • @khoivo2459
    @khoivo2459 4 месяца назад

    dạ a ơi sao bài này e xem bên web f8 ko được

    • @F8VNOfficial
      @F8VNOfficial  4 месяца назад +1

      Em vô xem lại đi em. Nãy bug anh sửa rồi nha

    • @khoivo2459
      @khoivo2459 4 месяца назад

      @@F8VNOfficial dạ em vào được rồi ạ. Em cảm ơn anh ạ

  • @thanhduynguyen6253
    @thanhduynguyen6253 11 месяцев назад

    có bạn nào log type ra 3 lần không nhỉ :))))

  • @zennamfan2663
    @zennamfan2663 Год назад

    thanks ad

  • @devdaytoan
    @devdaytoan 2 года назад

    mong anh sơn qua tết ra video lại ạ ......

  • @tandang7191
    @tandang7191 3 года назад

    video 4k