Quiero recorrer y asignar una propiedad CSS personalizada a cada elemento dentro de un mapa llamado "elemento", pero no sé cómo hacerlo. A continuación se muestra mi código:

 import React from "react"; // Splitting Letters const SplitText = React.memo(({ str }) => { const customStyle = { position: "absolute", /*top: some random top value,*/ /*left: some random left value,*/ zIndex: "initial", color: "green" }; return ( <div> {str.split("").map((item, index) => { return ( <div key={index}> {item} </div> ); })} </div> ); }); export default SplitText;

Mi "elemento" tiene un conjunto de letras y quiero agarrar cada letra y de alguna manera asignarle la propiedad customStyle CSS.

Cualquier sugerencia sería de gran ayuda.