我想使登录组件，但我的管理组件是effecting.like导航栏是在该组件

import React from 'react';
import { useDispatch } from 'react-redux';
import { login } from 'actions/authActions';

const LoginComponent = () => {
  const dispatch = useDispatch();

  const handleLogin = () => {
    // 登录逻辑
    dispatch(login());
  };

  return (
    <div>
      {/* 登录表单 */}
      <button onClick={handleLogin}>登录</button>
    </div>
  );
};

export default LoginComponent;

import React from 'react';
import { useSelector } from 'react-redux';

const ManagementComponent = () => {
  const isLoggedIn = useSelector(state => state.auth.isLoggedIn);

  return (
    <div>
      {/* 管理组件的其他功能 */}
      {isLoggedIn && <Navbar />}
    </div>
  );
};

export default ManagementComponent;