Fatal编程技术网
  • reactjs/
  • Reactjs NavLink路由器dom组件：悬停不工作

Reactjs NavLink路由器dom组件：悬停不工作

reactjs

Reactjs NavLink路由器dom组件：悬停不工作,reactjs,react-router-dom,Reactjs,React Router Dom,悬停在react路由器组件上不起作用。 JSX内联样式属性不允许：悬停。您需要将其放在样式表中。您不能甚至不应该将伪类内联。将css放入类中，然后通过className应用它，如下例所示： JSX: <NavLink to="/example" className="nav_link">Example</NavLink> 我更喜欢JS中的CSS方法来设置类，如下所示： nav_link: { textDecoration: 'none', '&:hove

悬停在react路由器组件上不起作用。
JSX内联样式属性不允许
：悬停
。您需要将其放在样式表中。
您不能甚至不应该将伪类内联。将css放入类中，然后通过
className
应用它，如下例所示：

JSX:


<NavLink to="/example" className="nav_link">Example</NavLink>



我更喜欢JS中的CSS方法来设置类，如下所示：


nav_link: {
  textDecoration: 'none',
  '&:hover': {
    textDecoration: 'none'
  }
}



确切地说，您应该定义一个CSS类及其：hover类，并将其作为
className
用于
NavLink


nav_link: {
  textDecoration: 'none',
  '&:hover': {
    textDecoration: 'none'
  }
}