我試圖通過獲取DOM元素并使用conceptDidMount向其傳遞函數來制作粘性標頭，但是得到一個錯誤，即“const”是一個意外的關鍵字：元件：class Header extends Component {  componentDidMount(){    window.addEventListener('scroll', () => {      const isTop = window.scrollY > 100,      const nav = document.getElementById('nav');      if (isTop) {        nav.classList.add('scrolled');      }else {        nav.classList.add('scrolled');      }    });  }  componentWillUnmount() {    window.removeEventListener('scroll');  }  render() {    return (<>      <header>        <nav class="nav" id="nav">          <ul class="header-list">            <li>              <img alt='phone' src={phonelogo} />            </li>            <li>123456789</li>          </ul>          <ul class="header-list">            <li>              <img alt='email' src={email} />            </li>            <li>[email protected]</li>          </ul>        </nav>      </header>    </>)  };};export default Header;錯誤：Line 17:7:  Parsing error: Unexpected keyword 'const'  15 |     window.addEventListener('scroll', () => {  16 |       const isTop = window.scrollY > 100,> 17 |       const nav = document.getElementById('nav');     |       ^  18 |       if (isTop) {  19 |         nav.classList.add('scrolled');  20 |       }else {雖然，使用 React refs 可能更好，但這里發生的事情仍然很有趣。