React使导航栏组件具有活动类，而不使用react路由器(由于laravel路由)

import React, { useState } from 'react';

const Navbar = () => {
  const [activeItem, setActiveItem] = useState('home');

  const handleItemClick = (item) => {
    setActiveItem(item);
  };

  return (
    <div className="navbar">
      <div
        className={`navbar-item ${activeItem === 'home' ? 'active' : ''}`}
        onClick={() => handleItemClick('home')}
      >
        Home
      </div>
      <div
        className={`navbar-item ${activeItem === 'about' ? 'active' : ''}`}
        onClick={() => handleItemClick('about')}
      >
        About
      </div>
      <div
        className={`navbar-item ${activeItem === 'contact' ? 'active' : ''}`}
        onClick={() => handleItemClick('contact')}
      >
        Contact
      </div>
    </div>
  );
};

export default Navbar;