Programmiererforum

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]


);
}

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]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]


);
}
[/code]
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ü: