Hola, quería generar reglas CSS dinámicas basadas en los accesorios que vienen en el componente REACT. Obtengo una matriz como accesorios y quiero generar reglas css de nth-child basadas en la longitud de los accesorios. Por ejemplo:

 while (marks[i] && marks[i].direction !== 's') { const rule = { selector: `.item:nth-child(${2 * length}n + ${length + 1 + i})`, styles: `grid-column:${length - i};`, }; arr.push(rule); i++; }

Donde las marcas es la matriz de accesorios entra y la longitud es la longitud de la matriz de marcas. Genera las reglas CSS, pero ¿cómo puedo aplicarlas en el componente?

¿O alguna otra solución para esto?