Как передать значение из объекта в тег div?

Question

[miliko mikoyan]

у меня есть x объект ,

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

Я хочу передать все значения в тег div,
<div D={10} F={11} G={12} ></div>
как мне сделать самым коротким вариантом

Answer 1

[davidnum95]

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