import React from 'react'
const Support = () => {
return (
<div>
<button onClick={()=>console.log('support')}>add</button>
</div>
)
}
这是一个简单的按钮，它不是登录onclick.
我试过了，在各种组件中添加按钮并try 单击，它不起作用.
import React from 'react'
const Support = () => {
return (
<div>
<button onClick={()=>console.log('support')}>add</button>
</div>
)
}
这是一个简单的按钮，它不是登录onclick.
我试过了，在各种组件中添加按钮并try 单击，它不起作用.
在调试你的代码后，我发现了CSS端的问题，这里是同样的解决方案.
从该div/Home.js组件中删除fixed关键字以使其工作...
=> Replace this....个
<div className="fixed inset-y-0 z-50 h-full w-64 flex-col">
<SideBar />
</div>;
=> To this....
<div className="inset-y-0 z-50 h-full w-64 flex-col">
<SideBar />
</div>;
在此更改之后，您的100组件将如下所示:
import { useState } from "react";
// import Login from "./components/Login";
import SideBar from "./SideBar";
import { Outlet, useNavigate } from "react-router-dom";
import { history } from "../utils/helper";
import Login from "./Login";
function Home() {
const [isLoggedIn, setIsLoggedIn] = useState(false);
history.navigation = useNavigate();
return !isLoggedIn ? (
<Login setIsLoggedIn={setIsLoggedIn} />
) : (
<div className="flex">
<div className="inset-y-0 z-50 h-full w-64 flex-col">
<SideBar />
</div>
<div className="relative ml-40 p-2">
<Outlet />
</div>
</div>
);
}
export default Home;
我不知道这背后的主要原因是什么，但这个100关键字不允许我们点击按钮，你可以根据你的CSS样式更详细地判断这一点.
如果你有任何问题，请告诉我.