Rendering array data into different div elements?

Question

JavaScript

Hello!
Tell me how to get out of the situation. I have a React component that takes data from the children array and renders a list of people's names. The array contains information about the name of different people and their gender. You need to render a list from an array into different div elements.
Non-working prepared example:
codepen.io/azat-io/pen/ZWrvKz

Answer 1

codepen.io/anon/pen/zqRpeo