En este proyecto utilicé NextJS JSX.

Intento usar la función map () para convertir el elemento de matriz en un enlace. En el retorno, el primer mapa () no muestra nada , pero *** el segundo mapa () muestra enlaces y se muestra en el navegador.

Estas dos piezas de map() son iguales, no tengo idea de por qué solo funciona el segundo map().

 import Link from 'next/link' import { Fragment } from 'react' import Nav from '../components/nav' const Home = () =>{ let navList = ["Home", "Project", "blog", "About"] return( <Fragment> { navList.map((navItem) => { navItem === "Home" ? <Link href="/" key={navItem}><a>{navItem}</a></Link> : <Link href={`../${navItem}`} key={navItem}><a>{navItem}</a></Link> }) } { navList.map((navItem) => ( navItem === "Home" ? <Link href="/" key={navItem}><a>{navItem}</a></Link> : <Link href={`../${navItem}`} key={navItem}><a>{navItem}</a></Link> )) } </Fragment> ) } export default Home;