ReactJS: Dropdown-Menüsymbol beim Hover dynamisch aktualisieren

Question

Zuerst habe ich das React-Framework „antd“ und tailwindCSS verwendet, um ReactJS zu üben. Nun, dies ist das erste Mal, dass ich dieses Framework verwende. Deshalb habe ich beschlossen, es zunächst mit einem Dropdown-Popup beim Schweben zu versuchen. Eigentlich ist nicht ganz klar, wie man zu diesem Stadium gelangt. Natürlich weiß ich, dass ich mit CSS „hover:“ attr verwenden kann, aber haben Sie eine Idee, Logik in ReactJS zu verwenden? Außerdem habe ich erfolglos versucht, die Requisiten „API-Abschnitt für Dropdown-Menüs“ zu lesen. Auch wenn ich versuche, onMouseEnter(

P粉894008490 · Answer

您可以使用 Dropdown 上的 onOpenChange 函数来获取打开状态，请参见下拉道具。您可以使用它来设置您自己的某些状态。最后使用该状态来显示不同的图标。

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

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