A component that consumes an array

array-component.js

import {h, Component} from 'composi'

const fruits = [
  'Apples', 'Oranges', 'Bananas', 'Strawberries'
]

const list = new Component({
  root: 'section',
  state: fruits,
  // Use map on array of fruits:
  render: (fruits) => (
    <ul>
      {
        fruits.map(fruit => <li>{fruit}</li>)
      }
    </ul>
  )
})

list.update()