Rückenwind mit ternärem Operator - aktive gegen inaktive Klasse
Posted: 03 Apr 2025, 08:05
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
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ü:
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 wirklich aussehen sollte, wenn du landest du landst. src = "https://i.Sstatic.net/dxhze.png"/>
Nach dem Klicken auf das Burger -Menü: