Javascript 如何在滚动时突出显示导航栏？

当我滚动到项目、关于、联系等时。。我希望该部分的导航栏元素为高亮度，比如说蓝色背景。我怎样才能用React做到这一点？我以前从未做过这样的事

import React from 'react';


const Navbar =()=>
    <div className='navbar'>
        <a href="#home">Home</a>
        <a href="#about">About</a>
        <a href="#projects">Projects</a>
        <a href="#contact" >Contact</a>
    </div>

export default Navbar

这是我要强调的导航栏

我用react在卷轴上查找了很多东西，但没有一个能帮助我

---

感谢您的帮助

您可以使用基本CSS来完成

a:hover {
  background-color: "YourValue";
  color: "YourValue";
}

---

您可以使用基本的CSS来实现

a:hover {
  background-color: "YourValue";
  color: "YourValue";
}