Lijst

Om een lijst te tonen, gebruiken wij de componentenlijst.

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

Hier is taal een eenvoudige array van tekenreeksen. languages = ["English", "Hindi", "French"]
Voor het geval dat wij een lijst van voorwerpen willen teruggeven, kunnen wij de structuur specificeren gebruikend punt config.

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"
    }
},

ItemConfig is gewoonlijk een widget. Ga voor meer informatie over widgets naar Widgets

De gerenderde lijst ziet er als volgt uit: