Liste

Um eine Liste anzuzeigen, verwenden wir die Komponentenliste.

const listJSON =  {
    "component": "list", //tells the component name
    "data": "@languages", // an array of list items
},

Hier ist Sprache ein einfaches Array von Zeichenfolgen. languages = ["English", "Hindi", "French"]
Wenn wir eine Liste von Objekten rendern möchten, können wir die Struktur mithilfe der Elementkonfiguration angeben.

const listJSON =  {
    "component": "list", //tells the component name
    "data": "@projects", // an array of list items
    "itemConfig": { // used to define the structure of the list items.
    "component": "widget",
    "id": "checkbox_label"
    }
},

Normalerweise ist itemConfig ein widget. Weitere Informationen zu Widgets finden Sie unter Widgets .

Die gerenderte Liste sieht wie folgt aus:

list

recommendation-more-help
11125c99-e1a1-4369-b5d7-fb3098b9b178