Estoy buscando una forma de mapear sobre una matriz y separar los objetos por una coma, excepto la última. Hay muchas preguntas con respecto a este tema, pero estoy buscando una solución que no "vincule" la coma antes del objeto representado, como: [Acerca de] [, Otro] En lugar de esto, estoy buscando: [Acerca de] , [Otro] ya que estoy usando un efecto de desplazamiento sobre estos objetos y no quiero que la coma se vea afectada.
Probé estas soluciones, pero la primera es la que describí anteriormente.
<span key={index} className="filter-tag">{ (index ? ', ' : '') + tag }</span>y el segundo no hace nada – extrañamente:
.filter-tag + .filter-tag::before { display: inline-block; white-space: pre; content: ", "; }¿Alguien tiene otra posibilidad para mí, ya que creo que debe haber una solución bastante simple para esto? Gracias en lo que respecta a una ayuda!
Editar: ya estaría feliz, si la coma se puede pegar para estar después del objeto como [Acerca de,]
has probado esto?
EDITADO con el comentario de Anthony
const arrayOfTags = []; arrayOfTags.map((tag, index) => { return <span key={index}>{tag}{`${index === arrayOfTags.length - 1 ? '' : ', '}`}</span> });cuando su índice iterado es igual a la longitud de la matriz, no pone ninguna coma
no necesita usar pseudo elementos css con esta solución