我對 React 還很陌生，我對 HTML 和 CSS/SASS 有很好的理解，所以到目前為止我還沒有遇到任何問題。我想根據用戶當時所在的頁面突出顯示導航欄上的一個按鈕。我嘗試向將調用函數的按鈕添加一個簡單的onClick，傳遞一個字符串告訴它剛剛單擊了“ home ”或“ contact ”。我在函數中添加了一個alert()，這樣我就可以看到按鈕被按下并且方法被調用；但是，當頁面加載時，它會調用每個按鈕方法并為每個按鈕發出警報，然后繼續照常加載，單擊按鈕似乎就好像我從未添加過 onClick 一樣。誰能告訴我這個簡單的功能哪里出了問題？過去5個小時我一直在拔頭發。謝謝你！導航欄.js：function NavBar() {const isActive = "home";return (      <nav className="landing-page__nav-bar nav-bar">  <ul className="nav-bar__list">    <Link to ='/home'><li><a data-page="home" className="home-link">      <button href="landingpage" className={` ${isActive === "home" ? 'btn__nav-bar-btn active-link' : 'btn__nav-bar-btn'}`} onClick={buttonWasClicked("home")}>Home</button>      </a></li>    </Link>    <Link to ='/portfolio'><li><a data-page="portfolio" className="portfolio-link">      <button className={` ${isActive === "portfolio" ? 'btn__nav-bar-btn active-link' : 'btn__nav-bar-btn'}`} onClick={buttonWasClicked("portfolio")}>Portfolio</button>      </a></li>      </Link>    <Link to ='/artwork'><li><a data-page="doodles" className="doodles-link">    <button className={` ${isActive === "artwork" ? 'btn__nav-bar-btn active-link' : 'btn__nav-bar-btn'}`} onClick={buttonWasClicked("artwork")}>Artwork</button>      </a></li></Link>    <Link to ='/photography'><li><a data-page="photography" className="photography-link">      <button className={` ${isActive === "photography" ? 'btn__nav-bar-btn active-link' : 'btn__nav-bar-btn'}`} onClick={buttonWasClicked("photography")}>Photography</button>      </a></li></Link>    <Link to ='/cv'><li><a data-page="cv" className="cv-link">    <button className={` ${isActive === "cv" ? 'btn__nav-bar-btn active-link' : 'btn__nav-bar-btn'}`} onClick={buttonWasClicked("cv")}>CV</button      ></a></li></Link>