在React中滚动时，如何使导航栏突出显示？

Question

当我滚动到项目，关于，联系等时。我想突出显示该部分的导航栏元素，只说一个蓝色背景。我该如何使用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

这是我要突出显示的导航栏

我翻阅了一大堆东西，没有反应可以帮助我。

感谢您的帮助

Answer 1

您可以使用基本CSS来实现

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