Quiero hacer más audaz el primer bucle de mi mesa y el resto serán de tamaño normal. Quiero contar el bucle del map y verificar si es 1 , haré style={{fontWeight:'bold'}} en la etiqueta <td> . ¿Cómo puedo hacer eso?
mi código
<table> ... {categories.map((val) => ( <tr> <td>{val.name}</td> <td>{val.formula}</td> <td>{val.values[0].value.toLocaleString()}</td> <td>{val.values[1].value.toLocaleString()}</td> <td>{val.description}</td> </tr> ))} </table>Prueba esto en css.
tr:first-child { fontWeight:'bold'; }El segundo argumento para mapear la función es el índice, puede usarlo para verificar la condición.
{categories.map( (val, index) => { if(index == 0) return .... else return .... } )}