反应如何将属性列表存储在变量中并将它们传递给元素

Question

如果之前有人问过这个问题，我很抱歉，但我在 Whosebug 和 Google 上都找不到任何内容。

我想知道如何将多个道具存储在一个变量中，然后将它们传递给元素，如果可能的话。

例如，假设我有以下道具：

classname="..." width="100" height="50

我该怎么做：

var props= {classname="..." width="100" height="50"}

然后是这个：

<MyComponent props>

Answer 1

创建对象：

let props= {classname : "..." width : "100" height : "50"}

只是 destructure 它 :

<MyComponent {...props}>

MyComponent 获取 width、height 和 className

等属性

Answer 2

申报道具

const props = {
  div: {
    className: "my_class",
    id: "my-id",
    style: {
      textAlign: "center"
    }
  }
}

向元素添加道具

<div {...props.div} />

React how to store properties list in a variable and pass them to element