import React from "react";
import ReactDOM from 'react-dom';

    const state = {
        dashboards: [
            {id: 1, car: "BMW", driver: "Erik"},
            {id: 2, car: "AUDI", driver: "Wijnand"},
            {id: 3, car: "Porsche", driver: "Thomas"}
        ]
    }
        const {dashboards} = state;
        const element =
            <div>
                <h1>Dashboards</h1>
                <ul>
                    {dashboards.map((dashboards) => {
                        return <li> Auto: {`${dashboards.car}`} Coureur: {`${dashboards.driver}`} <button>kijk mee</button></li>
                    })}
                </ul>
            </div>
   ReactDOM.render(element,document.getElementById("root"));