How to loop an object in React?

Question

New to React and trying to loop Object attributes but React complains about Objects not being valid React children, can someone please give me some advice on how to resolve

Answer 1

You can use it in a more compact way as:

var tifs = {1: 'Joe', 2: 'Jane'};
...

return (
     
      { Object.entries(tifs).map((t,k) => {t[1]}) }          
   
)

And another slightly different flavour:

 Object.entries(tifs).map(([key,value],i) => {value})