Check out example codes for "how to iterate map in html". It will help you in understanding the concepts better.

Code Example 1

this.map.forEach((value: string, key: string) => {
    console.log(key, value);
});

Code Example 2

<ul>
    <li *ngFor="let recipient of map | keyvalue">
        {{recipient.key}} --> {{recipient.value}}
    </li>
</ul>

Learn ReactJs, React Native from akashmittal.com