Reactjs 将className属性添加到React中传递的道具组件

我有一个由多个组件组成的阵列，例如：

[标题，下拉列表]

这些是反应灵敏的组件，我将它们传递给一个行组件，该行组件接受所有道具并在行中排列它们，如下所示：

import React from "react";
import classes from "./inRowComponent.module.css";

    const InRow = (props) => {
    
      const components = props.AllComponents.map(element => {
    
        return <element.component className = {element.className}/>; //And bind element.className that's passed in props
      });
      return <div className = {classes.MasterInRow}>
        {components}
      </div>
    }

---

如何绑定我的组件，以便能够返回具有相应类名的组件。

使用字典/哈希映射，将类名作为键，将组件作为值。我得到了这个结果，但是，如何将该类传递到组件中，您能举个例子吗？

[
{
    component: <Dropdown />,
    className: "DropDownClass"
}
...
]