Render an array of Objects in ReactJs

Question

I am trying to go through object properties (Name for this example) and list them within easy loop in function. I have found some pretty awkward way of doing this but it do

Answer 1

Why don't you iterate over ItemsToSell array? You don't have to add yet another one.

Note: Include key property while looping the elements, else you will receive an error.

const ItemsToSell = [{"Name":"Cup","Price":"99.99"},{"Name":"IPhone","Price":"99.99"},{
"Name":"Pen","Price":"99.99"}]

function ListItem(props) {
  return 
{props.value}
;
}

function NumberList(props) {
  return (
    

      {ItemsToSell.map((elem, index) =>
        
      )}
    
  );
}

ReactDOM.render(
  ,
  document.getElementById('root')
);