Rendering Array Map in React
Render a list of items in the UI using an array.map() in React. You can render items from an array in React in a few different ways.
Without a Return Statement
Render the data from the specified array into the the UI. Reference data points using dot notation inside each object.
With a Return Statement
If you use a return statement, you can create variables within the .map() function itself to use in your rendered output. A good use case is light data transformation and/or combining for UI purposes only.