Javascript 在React.js regex函数中使用字符串插值

我在正则表达式中使用字符串插值时遇到一些问题，但是我也尝试将其记录到控制台，我可以看到我做得不正确

我正在尝试循环遍历一个天气类型数组，以查看我的API请求是否返回了一种天气类型，这需要我向UI中的一个元素添加一个类

我最初认为问题是在正则表达式中使用了

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

let weatherTypes=[“雨”、“云”、“雪”、“晴朗”、“雷雨”]；
for（var x=0；x
searchPattern
是一个字符串，因此在使用它之前只需使用
RegExp
构造函数

var searchPattern = `${p}/i`;
var searchPatternRegex = RegExp(`${searchPattern}`);

searchPattern
是一个字符串，因此在使用它之前只需使用
RegExp
构造函数

var searchPattern = `${p}/i`;
var searchPatternRegex = RegExp(`${searchPattern}`);

你应该使用反勾号而不是引号。顺便说一句，如果据称这是一个React项目，你为什么要手动操作DOM？@mbojko hey perfect谢谢-我是否需要将搜索模式包含在反勾号中？以及关于如何在不操作DOM的情况下添加类的任何建议-对React来说非常新：）您应该使用反勾号而不是引号。顺便说一句，如果据称这是一个React项目，你为什么要手动操作DOM？@mbojko嘿，太好了，谢谢你-我是否需要将搜索模式包含在后面的刻度中？以及关于如何在不操纵DOM的情况下添加类的任何建议（对于React来说，这是非常新的：）