我正在使用React路由Dom v6.因此，对于我的web应用程序，我在userAction中创建了一个称为logoutUser的Redux操作，在视图dashboard.jsx中，我添加了一个注销按钮，可以将我导航到主页('/').我的问题是，单击注销什么都不做，我的代码错了吗？
使用.JS:
export const logoutUser = (navigate) => {
return () => {
sessionService.deleteSession();
sessionService.deleteUser();
navigate('/');
}
}
仪表板:
import {useNavigate} from 'react-router-dom'
const Dashboard = ({logoutUser}) => {
const navigate = useNavigate();
return (
<div>
<StyledButton bg={colors.red} to="#" onClick={()=>logoutUser(navigate)}>
Logout
</StyledButton>
</div>
);