我想设置每个React组件相对于它在数组中的索引的顶部样式，但是，我不确定如何正确地访问和设置属性。我将使用state设置它们，但是，包含我要操作的元素的节点是来自我正在编辑的节点的兄弟节点的子节点。有什么办法能有效地做到这一点吗？

handleClick3D() {
    document.getElementById('portfolio').classList.replace('portfolio-2d', 'portfolio-3d');
    var elems = document.querySelectorAll('.portfolio-item');
    for (var i = 0; i < elems.length; i++) {
        var zIndex = 0 + i;
        elems[i].zIndex = zIndex;
        elems[i].firstChild.src = items[i].imgSec;
        elems[i].style.top = 0 - (i * 300);
    }
}

'Portfoliet-Item'类应用于每个元素，我以这种方式选择每个元素，因为我认为我无法访问实际的React组件，因为它位于同级节点树中。

提前道谢！