在ReactJS中的OnClick事件中传递导航标签的值或名称

import React, { useState } from 'react';

function Navigation() {
  const [selectedTab, setSelectedTab] = useState('');

  const handleTabClick = (tab) => {
    setSelectedTab(tab);
  };

  return (
    <div>
      <button onClick={() => handleTabClick('Home')}>Home</button>
      <button onClick={() => handleTabClick('About')}>About</button>
      <button onClick={() => handleTabClick('Contact')}>Contact</button>
      <p>Selected Tab: {selectedTab}</p>
    </div>
  );
}

export default Navigation;