problema con createElement

[alka]

come faccio a ciclarlo con map estraenso sia la key che il value?

Le chiavi puoi determinarle con Object.keys().

Una volta che hai il nome della proprietà, puoi estrarre il valore.

Ad esempio:

Object.keys(attr).map(key => (
  {
    name: key, 
    value: attr[key]
  }
));

Ciao!