forloops in JSX. Let's use
.mapand return some JSX for each element. Similar to using components, each piece of JSX returned by the
.maptransformation must have exactly one root element.
keyproperty on the root element of each product. This not strictly required (will work, React will just complain), but it allows React to easily distinguish between elements during the reconcilation process. Should be unique for each element in the array.