componentDidMount中的意外关键字'const'，React

Question

[我正在尝试通过获取DOM元素并使用componentDidMount将函数传递给它来制作粘性标头，但会收到一个错误消息，即'const'是一个Unexpected关键字：

component：

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可能更好，但这里发生的事情仍然很有趣。

Answer 1

第16行。您必须删除逗号，否则请删除第17行的const

Answer 2

您已经写过：

 const isTop = window.scrollY > 100,
 const nav = document.getElementById('nav');

您需要在第16行的末尾用逗号代替逗号。像这样：

 const isTop = window.scrollY > 100;
 const nav = document.getElementById('nav');