Tengo un caso de uso en el que estoy mostrando opciones con la ayuda de un loop .
Necesito mostrar las suggestions de texto solo una vez durante todo el loop cycle . El bloque de código number.imageUrl puede repetirse, pero el texto de las suggestions debe mostrarse solo una vez.
const listItems = numbers.map((number) => <li> {number.imageUrl && <div>suggestions</div> <div>{number.imageUrl}</div> } <div>number.text</div> </li> );Como dijo Justinas , mueva <div>suggestions</div> fuera de la función de mapa, o haga esto:
const listItems = numbers.map((number, index) => ( <li> {index === 0 && <div>suggestions</div>} {number.imageUrl && <div>{number.imageUrl}</div>} <div>{number.text}</div> </li> ));const listItems = numeros.mapa((numero, indice) =>
{number.imageUrl &&
{
índice === 0 && sugerencias
}
{number.imageUrl}}
número.texto);