How to map over the colors ?

Remember this concept,
Start s-m-a-l-l to create something BIG

To create a display colors component. We have to :

• Create a state that holds the colors
• Colors is an array of objects
• Each color has an id , name, and hex properties
• We loop through the colors array using the <map()> function
• We return a <li> element for each item
• We should provide a key for each list item
• We assign the resulting array of elements to colorItems
• In JSX, we include the entire colorItems array inside a <div> element, and render it to the DOM