Question

这似乎是一个非常极端的问题，但是想像一下我是否已经有[]个JSX.Elements（特别是divs），上面已经有类。

我想为它动态添加一个className，这可能吗？我尝试了forEach并添加el.props.className =“”，但这是一个readOnly道具。

let allDivs = graphHeights.map((height) => {
    return (
        <div style={{ height: height }} className={styles["mini-div"]}></div>
    );
});

现在，我希望遍历allDiv的上述[]，并为其添加特定的classNames

Answer 1

运行代码时，

e['bid_time'] = ...

将返回一个react元素，而不是一个component。有点像组件的实例。

因此，您拥有的是一组react元素。

要添加道具来反应元素，您需要使用cloneElement

<div style={{ height: height }} className={styles["mini-div"]}></div>