Javascript 如何在react中的单个道具中传递多个值？

有没有办法在一个道具中传递多个值

现在它的工作原理是，我有一个组件，它包含很多值，比如：

<div>
  <MyComponent
    valueA={100}
    valueB={90}
    valueC={80}
    valueD={70}
    valueE={60}
  />
</div>

let myCompValueABFirst = props.valueAB[0];
let myCompValueABSecond = props.valueAB[1];

这里的例子A和B是相关的，我想把它们一起传递，就像

<div>
  <MyComponent
    valueAB={100, 90}
    valueC={80}
    valueD={70}
    valueE={60}
  />
</div>

它可能需要在这样一个对象中：

valueAB={{{100，90}

，但我不知道

---

如何执行此操作并提取另一侧的两个值？

您可以传递数组或对象：

// e.g
<MyComponent
    valueAB={[100, 90]}
    valueC={{ a: 100, b: 90}} />

---

或者对于objet:

props.valueC.a也为100。
您可以传递数组或对象：

// e.g
<MyComponent
    valueAB={[100, 90]}
    valueC={{ a: 100, b: 90}} />

或者对于objet:
props.valueC.a
也是100。
我认为您可以像添加{{100,90}}或一个数组{[100,90]}一样将它们作为一个对象添加

您可以像这样轻松地从数组中提取它们：

<div>
  <MyComponent
    valueA={100}
    valueB={90}
    valueC={80}
    valueD={70}
    valueE={60}
  />
</div>


let myCompValueABFirst = props.valueAB[0];
let myCompValueABSecond = props.valueAB[1];

我认为可以像{{100,90}或一个数组{[100,90]}那样将它们作为一个对象添加

您可以像这样轻松地从数组中提取它们：

<div>
  <MyComponent
    valueA={100}
    valueB={90}
    valueC={80}
    valueD={70}
    valueE={60}
  />
</div>


let myCompValueABFirst = props.valueAB[0];
let myCompValueABSecond = props.valueAB[1];

只需将数组或对象作为道具传递。只需将数组或对象作为道具传递。