如何使用React找到与锚onClick匹配的ID？

import React, { useState } from 'react';

function App() {
  const [activeAnchor, setActiveAnchor] = useState('');

  // 点击锚点时更新activeAnchor的值
  const handleAnchorClick = (id) => {
    setActiveAnchor(id);
  };

  return (
    <div>
      <a href="#section1" onClick={() => handleAnchorClick('section1')}>
        Section 1
      </a>
      <a href="#section2" onClick={() => handleAnchorClick('section2')}>
        Section 2
      </a>
      <a href="#section3" onClick={() => handleAnchorClick('section3')}>
        Section 3
      </a>

      <div id="section1" className={activeAnchor === 'section1' ? 'active' : ''}>
        {/* Section 1内容 */}
      </div>
      <div id="section2" className={activeAnchor === 'section2' ? 'active' : ''}>
        {/* Section 2内容 */}
      </div>
      <div id="section3" className={activeAnchor === 'section3' ? 'active' : ''}>
        {/* Section 3内容 */}
      </div>
    </div>
  );
}

export default App;