React js dropdown menu close functionality | React js Tips | Learn React js

แชร์
ฝัง
  • เผยแพร่เมื่อ 10 พ.ย. 2024

ความคิดเห็น • 36

  • @Majdjedidi
    @Majdjedidi 8 หลายเดือนก่อน +1

    thank you so much , i have been suffering for long to make it work like that, i didn't know i have to use 2 different refs

  • @Nisaa107_
    @Nisaa107_ 11 หลายเดือนก่อน +2

    Syukron perfect❤

  • @aaaliii4u
    @aaaliii4u ปีที่แล้ว +1

    you need to add your event subscription in a useEffect hook and remove it as well using window.removeEventListner.

    • @mattdevz314
      @mattdevz314 ปีที่แล้ว

      Could you explain why that would be necessary? I'm genuinely curious .

    • @thomasjodt
      @thomasjodt 11 หลายเดือนก่อน

      ​@@mattdevz314'useEffect' is used for asynchronous things, events are considered that way, since you don't know when they will occur.
      It is important to clean up the 'EventListeners' to avoid errors.

  • @Noobrado
    @Noobrado ปีที่แล้ว +5

    perfect! exactly what i was looking for

  • @YonatanVigilioUsa
    @YonatanVigilioUsa ปีที่แล้ว +3

    Nice video but when you press menuRef children , its close drowpdown

  • @ummeaimanjannat7876
    @ummeaimanjannat7876 7 หลายเดือนก่อน +1

    very helpful. Thank you

    • @CodeAProgram
      @CodeAProgram  7 หลายเดือนก่อน

      Share and subscribe ❤️❤️❤️

  • @Deus-lo-Vuilt
    @Deus-lo-Vuilt 2 ปีที่แล้ว

    Like and aún , Nice video , love Tailwind and react ❤️

  • @sajjadpaknia
    @sajjadpaknia ปีที่แล้ว +1

    This tip was very good! Thanks

    • @CodeAProgram
      @CodeAProgram  ปีที่แล้ว +1

      Share and subscribe 💕

  • @Leonard-ibeh
    @Leonard-ibeh ปีที่แล้ว +2

    Perfect!!! , if I want to include icons to the drop down how do I go about it ?

    • @CodeAProgram
      @CodeAProgram  ปีที่แล้ว +2

      Use react icons it's very easy

  • @nikitapandey6953
    @nikitapandey6953 ปีที่แล้ว +1

    You know wht I wasn't using tailwind, but I couldn't get how to shift the li items to left,,, they were in center and even after hovering the blue background covered the right part where li was shifted and wasn't covering the entire part, and this just irritated me a lot, however the video was awesome and in context of drop-down exactly what I was looking for

  • @sagniknandy1250
    @sagniknandy1250 6 หลายเดือนก่อน

    Superb i subscribe your channel

  • @aadityamathur7305
    @aadityamathur7305 8 หลายเดือนก่อน

    Helpful 👍

    • @CodeAProgram
      @CodeAProgram  8 หลายเดือนก่อน

      Share and subscribe ❤️

  • @mohamedchine-ky6yk
    @mohamedchine-ky6yk 5 หลายเดือนก่อน

    thx but why did it show false twice

  • @saifulsync155
    @saifulsync155 11 หลายเดือนก่อน +1

    Thanks

  • @chibensonluxana
    @chibensonluxana 2 ปีที่แล้ว

    Nice

    • @CodeAProgram
      @CodeAProgram  2 ปีที่แล้ว

      Share and subscribe ❤️

  • @chibensonluxana
    @chibensonluxana 2 ปีที่แล้ว +1

    Thx

    • @CodeAProgram
      @CodeAProgram  2 ปีที่แล้ว

      Share and subscribe ❤️

  • @harikrishnabomen8650
    @harikrishnabomen8650 8 หลายเดือนก่อน

    where is the source code ?

  • @erbilozum9331
    @erbilozum9331 ปีที่แล้ว +1

    Good work. Thanks for sharing.

  • @PABHINAVYS
    @PABHINAVYS 8 หลายเดือนก่อน

    'menu' is not defined no-undef

  • @satheeshsekar6286
    @satheeshsekar6286 ปีที่แล้ว +1

    It is not work

    • @keyonlewis7574
      @keyonlewis7574 ปีที่แล้ว +1

      it work for me but i did have to make a few changes for that to happen. I can send you my code if you want?

    • @mishagabrelyan9495
      @mishagabrelyan9495 ปีที่แล้ว

      @@keyonlewis7574 i need it, can you please send the code?

    • @sediikmancunien9400
      @sediikmancunien9400 7 หลายเดือนก่อน

      @@keyonlewis7574can you send it to me please?