Как добавить стили в компонент React с помощью цикла for - PullRequest
0 голосов
/ 14 февраля 2019

Я хочу установить верхний стиль каждого компонента React относительно его индекса в массиве, однако я не уверен, как правильно получить доступ и установить свойство.Я бы установил их, используя состояние, однако узел, содержащий элемент, которым я хочу манипулировать, является дочерним узлом узла-брата от узла, с которого я редактирую.Есть ли способ сделать это эффективно?

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

Класс «портфолио» применяется к каждому элементу, и я выбираю каждый элемент таким образом, так как не думаю, что могу получить доступ к фактическому компоненту React, видякак он живет в дереве узла-брата.

Заранее спасибо!

1 Ответ

0 голосов
/ 14 февраля 2019

использовать функцию .map и возвращать компонент jsx с другим стилем или реквизитом

ссылка

...