Estoy tratando de agregar un nombre de clase al elemento ul si contiene un elemento secundario con un nombre de clase específico. Usar solo css no es posible (es: tiene pero solo en css 4). Estoy tratando de hacer esto con reaccionar pero no puedo resolverlo.

 const MenuLink = () => ( <ul className="parent"> <li> <NavLink activeClassName="is-active" className="link"> link 1 </NavLink> </li> <li> <NavLink activeClassName="is-active" className="link"> link 2 </NavLink> </li> <li> <NavLink activeClassName="is-active" className="link"> link 3 </NavLink> </li> </ul>

);

Quiero agregar una clase a la ul si .is-active está presente en un niño.