import { useNavigate } from "react-router"; import { useState } from "react"; export default function Dashboard() { const navigate = useNavigate(); const [menu, setMenu] = useState("dashboard"); const menus = ["dashboard", "profile", "settings", "about"]; return (
{/* SIDEBAR */}

MyApp

{menus.map((item) => (
setMenu(item)} className={`p-2 mb-2 rounded cursor-pointer capitalize ${ menu === item ? "bg-purple-600" : "hover:bg-gray-700" }`} > {item}
))}
{/* CONTENT */}

{menu}

Selamat datang di halaman {menu} 👋

); }