Javascript 动态地将道具传递给JSX元素

我有一个x对象

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

我要将所有值传递给div标记

<div D = {10} F = {11} G = {12}> </ div>

---

如何生成最短选项？

您需要做的就是从嵌套键中创建一个对象，然后将其传递给div。您可以使用

对象的扩展语法。分配
来完成此操作


const x={
d:{d:10}，
f:{f:11}，
g:{g:12}
}
console.log（Object.assign（{}，…Object.values（x））
您需要做的就是从嵌套键中创建一个对象，然后将其传递给div。您可以使用扩展语法
Object.assign
来完成此操作


const x={
d:{d:10}，
f:{f:11}，
g:{g:12}
}
console.log（Object.assign（{}，…Object.values（x））
使用
d:{d:10}
的任何具体原因，而不是直接
d:10
使用
d:{d:10}
的任何具体原因，而不是直接
d:10