Rückenwind mit ternärem Operator - aktive gegen inaktive Klasse ⇐ CSS

[Anonymous]

Ich arbeite an einem Projekt mit React und verwende Rückenwind als CSS. Im Moment ist dies vorhanden, wenn der Benutzer landet und es etwas lustig aussieht. Ich denke, dies könnte mit der Tatsache zusammenhängen

Code: Select all

import React, {useState} from 'react';
import {Link} from 'react-router-dom';
import * as FaIcons from 'react-icons/fa';
import * as AiIcons from 'react-icons/ai';
import {SidebarData} from './SidebarData';

function Navbar() {

const [sidebar,setSidebar] = useState(false)

const showSidebar =() => setSidebar(!sidebar)

return(


[*]




[list]





{SidebarData.map((item,index) =>{
return (
[*]

{item.icon}
{item.title}


)
})}
[/list]


);
}

Wie es aussieht:

Wie es wirklich aussehen sollte, wenn du landest du landst. src = "https://i.Sstatic.net/dxhze.png"/>
Nach dem Klicken auf das Burger -Menü: