Reactjs react中的悬停效应

我想更改悬停时导航栏上显示的链接的样式，例如文本颜色背景。如何在React中执行此操作。我已附上代码

render（）{
返回(
家
关于我们
);
}
}
导出默认标题；

您可以将鼠标悬停作为目标，并做出类似于在JS中所做的反应。最简单的方法是使用css样式，无论是单独的文件还是像样式化组件那样的react样式包：

.given-class:hover {
 color: red;
}

如果需要，您还可以使用javascript将其作为目标：

document.getElementById("link-id").onmouseover = function(){
   this.style.backgroundColor = "blue";
}

一种更为“反应”的方法，但非常高级，就是利用useref（）钩子来定位特定的链接。但那太过分了

除非您需要非常特定的功能，否则您最好的选择是使用第一个选项并以css中的元素为目标

document.getElementById("link-id").onmouseover = function(){
   this.style.backgroundColor = "blue";
}