How to pass value from object to div tag?

Question

React

i have x object ,

const x = {
  d: { D: 10 },
  f: { F: 11 },
  g: { G: 12 }
}

I want to pass all values ​​to div tag, how do i make the shortest option
<div D={10} F={11} G={12} ></div>

Answer 1

const props = Object.values(x).reduce((result, item) => ({...result, ...item}), {});
<div {...props} />