Использование интерполяции строк в функции React. js regex - PullRequest
0 голосов
/ 29 апреля 2020

У меня возникают некоторые проблемы с использованием интерполяции строк в регулярном выражении, однако я также попытался записать это на консоль, и я вижу, что я делаю это неправильно.

Я пытаюсь l oop через массив типов погоды, чтобы увидеть, возвращал ли мой запрос API тип погоды, который требует, чтобы я добавил класс к одному из моих элементов в пользовательском интерфейсе.

Я изначально думал, что проблема заключается в использовании array[x] в регулярном выражении, но я присвоил это переменной p и все еще получаю тот же результат.

let weatherTypes = ['rain', 'clouds', 'snow', 'clear', 'thunderstorm'];

for (var x= 0; x <= weatherTypes.length; x++) {
    let p = weatherTypes[x];
    console.log(p)
    var searchPattern = `/${p}/i`;
    var result = this.state.description.match(searchPattern);

    console.log(`splash--weather-${p}`);

    if(result !== null) {
        var element = document.getElementById("splashContact");
        element.classList.add(`splash--weather-${weatherTypes[0]}` );
    }
}

Лог c для добавления класса работает, когда я абстрагирую его от для l oop так что я знаю, что эта часть работает нормально.

Может кто-нибудь указать мне правильное направление?

edit Теперь использовали кавычки вместо кавычек

...