Reactjs 如何更改导航链接的样式';什么是儿童因素?

Reactjs 如何更改导航链接的样式';什么是儿童因素?,reactjs,react-router,Reactjs,React Router,我有一个NavLink元素,当它处于活动状态时,它的颜色会发生变化,如下所示: <NavLink to='/..' className='..' activeClassName='..'> <img //change style here on active? /> </NavLink> 当NavLink处于活动状态时,我试图改变其子元素(img)的样式。其定位如下: <NavLink to='/..' classNa

我有一个NavLink元素,当它处于活动状态时,它的颜色会发生变化,如下所示:

   <NavLink to='/..' className='..' activeClassName='..'>
     <img  //change style here on active?  />
   </NavLink>

NavLink处于活动状态时,我试图改变其子元素(img)的样式。其定位如下:

   <NavLink to='/..' className='..' activeClassName='..'>
     <img  //change style here on active?  />
   </NavLink>


它抛出了某种错误,因为它不在NavLink内,任何人都能想到解决方案吗?这个问题没有被问到太多。

你可以简单地使用
CSS
来解决这个问题

.dashboardicon.dashboardicon_coloured img{
    width: 100px
    //other style here
}

我没想到!我认为在设置activeClassName之后,您不能更改css类。这解决了我的问题。非常感谢你!