Изменить путь в l oop с помощью React

Question

Я хочу изменить стили в javascript на l oop. В Vanilla js это работает:

for(let i=1; i<13; i++){
const path1 = document.querySelector(".path"+i);
 path1.style.animation = "animate 1.4s forwards";
}

Но теперь я пытаюсь изучить React, и у меня проблема с достижением того же эффекта. Я использую ref:

startpath1 = createRef();
for(let i=1; i<13; i++){
    this.startpath1.current.style.animation = "animate 1.4s forwards";
}

Этот код работает, но как я могу изменить здесь "startpath1", например, на startpath + i

Буду благодарен за вашу помощь!

Answer 1

Достаточно было вставить startpath в массивы

const tab = [this.startpath0, this.startpath1]
for(let i=0; i<13; i++){
            tab[i].current.style.animation = "animate 1.4s forwards";
            await sleep(200);
        }

Answer 2

function sleep(ms) {
        return new Promise(resolve => setTimeout(resolve, ms));
      }

    const demo = async() => {
      await sleep(100);
      if(ready1){
      for(let i=1; i<13; i++){

        this.startpath1.current.style.animation = "animate 1.4s forwards";
          await sleep(200);
           }
      }

    }
   demo()

Это весь контекст кода, поэтому я хочу это на l oop, мне нужен перерыв с каждой итерацией. Могу ли я сделать это таким образом, чтобы отреагировать, как я меняю startpath с каждой итерацией что-то вроде "startpath + i"? Могу ли я сделать это вообще?

Я знаю, что есть другие способы сделать это, но меня это волнует, спасибо за ответы!