**Tags in react without using the className:**

<span style={{color: "red",cursor: "pointer",
text-decoration: underline !important }}> 
<a href="">Menu Here</a>

</span>

如果您没有使用CSS，您可以使用一个简单的有状态响应组件来实现这一点。

const UnderlineHover = ({children, ...rest}) => {
  const [isHover, setIsHover] = useState(false);

  const style = isHover ? {textDecoration: "underline"} : {};

  return <a onMouseEnter={() => setIsHover(true)}
    onMouseLeave={() => setIsHover(false)}
    style={...style}
    {...rest}
  >{children}</a>;
};

您可以尝试使用状态和样式，如=〉

const [hover,setHover] = useState("")
const handleMouseEnter =()=>{
setHover(true)
}
const handleMouseExit =()=>{
setHover(false)
}
const linkStyle = {
text-decoration: hover? underline:none;
}
return(
<a href="" style={linkStyle} onMouseEnter={handleMouseEnter} onMouseLeave={handleMouseExit}>Menu Here</a>
<a href="" style={linkStyle} onMouseEnter={handleMouseEnter} onMouseLeave={handleMouseExit}>Click Me </a>
)

希望这将有助于解决你的问题。如果你仍然面临的问题只是让我知道，我会帮助你更多。谢谢