我的目标:在Navbar内部点击按钮后关闭Navbar。
我似乎无法让它正常工作 - 如果有人能够向我解释我做错了什么,那将非常好!
这是我的Navbar:
import React, { useState } from 'react';
export default function Navbar() {
const [showNav, setShowNav] = useState(true)
return (
<div isOpen={showNav} className="w-48 bg-gray-200 h-screen py-10">
<button className="bg-primary w-32 h-12 rounded-lg text-white" onClick={() => setShowNav(false)}>Close Navbar</button>
<h1>Dashboard</h1>
<h2>Menu item</h2>
<h2>Menu item</h2>
<h2>Menu item</h2>
</div>
)
}
这是我的App.js文件
import './App.css';
import Navbar from './components/Navbar';
function App() {
return (
<div className="flex">
<Navbar />
</div>
);
}
export default App;