estoy haciendo una tabla en react con bootstrap 3 y tengo un problema al aplicar la clase active. Deberia funcionar asi: cuando la condicion sea verdadera (cuando hoy sea lunes martes o miercoles), ni bien se carge la pagina se aplique la clase active en el th verdadero y luego que se aplique en otros th a medida que vaya haciendoles click. Hasta ahora logro que aparezca la clase active en el elemento true pero no se va cuando hago click en otro.. alguna sugerencia? muchas gracias!
este es el codigo:
<table className="nav nav-tabs table table-grid table-bordered">
<thead>
<tr>
{ new Date().getDay() == '1' ? <th className='active'><a href="#tab1default" data-toggle="tab">Lunes</a></th> : <th><a href="#tab1default" data-toggle="tab">Lunes</a></th> }
{ new Date().getDay() == '2' ? <th className='active'><a href="#tab2default" data-toggle="tab">Martes</a></th> : <th><a href="#tab2default" data-toggle="tab">Martes</a></th> }
{ new Date().getDay() == '3' ? <th className='active'><a href="#tab3default" data-toggle="tab">Miércoles</a></th> : <th><a href="#tab3default" data-toggle="tab">Miércoles</a></th> }
</tr>
</thead>
</table>