ReactJS：动态更新悬停时的下拉菜单图标

Question

首先，我使用“antd”React框架和tailwindCSS只是为了练习ReactJS。嗯，这是我第一次使用这个框架。因此，我决定首先尝试在悬停时使用下拉弹出菜单。其实，并不太清楚如何达到这个阶段。我当然知道使用CSS，我可以使用“hover:”attr，但是有没有在ReactJS中使用逻辑的想法？另外，我尝试阅读道具“下拉菜单的API部分”，但没有成功。即使我尝试使用onMouseEnter(

P粉894008490 · Answer

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

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

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