Tengo el siguiente código y quiero aplicar una representación condicional, porque el índice 0 no existe. No quiero mostrar la información para este índice en particular. ¿Cómo puedo hacerlo?
return ( <section> {pokemonCards.map((pokemon, index) => <div key={index}> <img src={`https://raw.githubusercontent.com/PokeAPI/sprites/master/sprites/pokemon/${index}.png`} alt={pokemon.name}/> <p>{pokemon.name}</p> </div> )} <button className="get-more-button" onClick={getMorePokemons}>Get more pokemons </button> </section> )Esto debería funcionar:
return ( <section> {pokemonCards.map((pokemon, index) => {index === 0 ? null : <div key={index}> <img src={`https://raw.githubusercontent.com/PokeAPI/sprites/master/sprites/pokemon/${index}.png`} alt={pokemon.name}/> <p>{pokemon.name}</p> </div> )} <button className="get-more-button" onClick={getMorePokemons}>Get more pokemons </button>} </section> )