for
loops in JSX. Let's use .map
..map
and return some JSX for each element. Similar to using components, each piece of JSX returned by the .map
transformation must have exactly one root element.key
property 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.