reactjs - 将 jQuery 代码翻译成原生 JavaScript

Question

我用 jQuery 做的。

我想在 React 中使用这些脚本内容，我该怎么办？

$(window).scroll(function(){  
    if($(document).scrollTop() > 10){
      $('header').addClass('scroll');
    } else {
      $('header').removeClass('scroll');
    }
  });

标签： reactjs

Answer 1

您可以遵循此javascript 代码，而不是特别 babeljs，但这仍然可以工作：

document.querySelector(window).scroll(function(){  
    if(document.querySelector(document).scrollTop > 10){
      document.querySelector('header').classList.add('scroll');
    } else {
      document.querySelector('header').removeClass('scroll');
    }
  });