Wie lege ich den aktiven Status für übergeordnete Seitenleistenelemente mit Unterelementen in React mithilfe von Chakra ⇐ CSS

[Guest]

Ich habe eine Seitenleiste mit einer Liste von Elementen. Einige dieser Elemente verfügen über Unterelemente, die ein Popover öffnen, wenn ich mit der Maus über das übergeordnete Element fahre.
Das Problem besteht darin, dass ich möchte, dass es in einem aktiven Zustand bleibt, wenn ich auf ein übergeordnetes Element klicke unter Verwendung des _activeLink-Stils. Dies funktioniert perfekt für Elemente ohne Unterelemente, aber für übergeordnete Elemente mit Unterelementen (in einen PopoverTrigger eingeschlossen) scheint es nicht zu funktionieren.
Hier ist der Code für die übergeordneten Elemente:< /p>

Code: Select all

{item.icon}
{item.notificationCount > 0 && (

)}


{item.title}