Reactjs 如何在react数组中添加多个属性为的HTML元素？

我正在react数组中添加带有class属性的HTML。

colArray1.push（）
它不能渲染和显示
“无法读取未定义的属性'imgContainer'”
如何在react数组中添加多个属性为的HTML元素？
您可以创建一个字符串数组，并使用简单的映射呈现相应的元素，如下所示：

const elements = [['div', classes.imgContainer], ['span', classes.otherContainer]];

return (
    elements.map(elem, i => {
        switch (elem[0]) {
            case 'div':
                return <div className={elem[1]} key={i} />
            case 'span':
                return <span className={elem[1]} key={i} />
            default:
                return <React.Fragment />
        }
    });
);

const元素=[['div'，classes.imgContainer]，'span'，classes.otherContainer]]；
返回(
elements.map（elem，i=>{
开关（元素[0]）{
案件‘div’：
返回
案例“span”：
返回
违约：
返回
}
});
);
这不是
React
的问题。我只能说你的
类
是未定义的，试着调试它。如果你能分享更多的代码片段，这将让我们更好地理解你想要实现的目标。谢谢当它在push外部编译时，它会运行。但是当我尝试在push中进行时，它失败了。我希望在数组中推送3个元素并在表中呈现它们。colArray1.push（）如何在其中定义HTML文本？只需将它添加到数组元素中，例如
['div'，classes.sth'，the text I want rendered']
，然后在返回的html元素中引用它作为
elem[2]