Question

我正在使用React。我有一张图片列表：

<div className="Images-gridWrapper">
    {this.props.images.map((item, index) => {
        return (
            <div className="Images-gridItem" data-id={index} key={index}>
                <img className="Images-gridImage" src={item.img.w1200}
                    onLoad={(e)=>{
                        // HERE
                    }}
                />
            </div>
        );
    })}
</div>

我正在寻找一种在加载每个img图像时向其添加类的方法。我认为onLoad函数是正确的方法，但是怎么做？

Answer 1

您可以创建一个新组件j，该组件的状态变量在加载图像后将状态变量设置为j+h。然后，您可以使用此状态变量将附加类添加到Img元素中。

示例

true

img

React img标签在加载时添加类

1 个答案: