ReactJS: Kemas kini ikon menu lungsur turun secara dinamik pada tuding

Question

Pertama, saya menggunakan rangka kerja React "antd" dan tailwindCSS hanya untuk mengamalkan ReactJS. Nah, ini kali pertama saya menggunakan rangka kerja ini. Jadi saya memutuskan untuk mencuba menggunakan menu pop timbul lungsur pada tuding dahulu. Sebenarnya, ia tidak begitu jelas bagaimana untuk sampai ke peringkat ini. Sudah tentu saya tahu bahawa menggunakan CSS saya boleh menggunakan "hover:" attr, tetapi ada idea untuk menggunakan logik dalam ReactJS? Selain itu, saya cuba membaca prop "bahagian API untuk menu lungsur turun" tidak berjaya. Walaupun saya cuba menggunakan onMouseEnter(

P粉894008490 · Answer

Anda boleh menggunakan fungsi Dropdown 上的 onOpenChange untuk mendapatkan status terbuka, lihat Dropdown Props. Anda boleh menggunakan ini untuk menetapkan beberapa status anda sendiri. Akhir sekali gunakan keadaan ini untuk memaparkan ikon yang berbeza.

const [isOpen, setIsOpen] = useState(false);

return (
  
    
      Hover me, Click menu item
      {isOpen ?  : }
    
  
);