Ich lerne gerade NextJS und möchte eine Website erstellen, die die zahlreichen Projekte präsentiert, die ich damit erstellt habe.

Ich habe eine Komponente namens „Tag“, bei der es sich um eine Schaltflächenvorlage mit benutzerdefiniertem Text handelt, und ich möchte sie über Requisiten übergeben:

export default function Tag({val}) { return( <> 
{val}
  ) }

Dann möchte ich in meiner Block-Komponente eine entsprechende Anzahl von Tag-Komponenten generieren, basierend auf der Anzahl der Elemente im Array, die über Requisiten übergeben werden:

import Tag from "./Tag" export default function Block({tags, name}) { return( <> 
 
 
{name}
 
 {tags.forEach(tag => )} 
 
  ) }

Dann wird diese Blockkomponente auf der Startseite aufgerufen:

import Block from './components/Block' export default function Home() { return ( <>   ) }

Das Problem ist: Es werden keine Etiketten angezeigt.

Ich denke, das Problem hängt mit der forEach-Methode zusammen, denn wenn ich versuche, ein einzelnes Etikett ohne die forEach-Methode zu generieren, funktioniert es einwandfrei.

Was ist das Problem?

{tags.map(tag => )}

const tags = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10] const result = tags.forEach(tag => tag) console.log(result) //undefined const mapResult = tags.map(tag => tag) console.log(mapResult) //[1, 2, 3, 4, 5, 6, 7, 8, 9, 10]