reactjs - 在 React 中为传递的 props 组件添加 className 属性

Question

我有一个包含多个组件的数组，例如：

[Header,Dropdown]

这些是响应式反应组件，我将它们传递给一个行组件，该组件获取所有道具并将它们排列在行中，如下所示：

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>
    }

AllComponents如下所示：

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

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

标签： reactjs