我试图动态交换不同的样式表。因为我正在使用React，所以我需要的样式表（）作为“样式”元素嵌入到html中。
我试图做的是删除旧的样式元素并创建新的元素，其中包含新的样式表。
但是，我已经意识到，将我的newstyle.css中的内容“插入”到我刚刚创建的<style>元素中并不容易。
有一个优雅的解决方案吗？
我试过的是使用xhttp GET请求读取我的.css文件但是我失败了。关于这个特定主题有一些问题，但我怀疑React的情况有所不同，因为我似乎不能只提供一个简单的相对路径到我的style.css到xhttp GET。
我也寻找React特定的文件阅读器，但一般都找不到。也许我的“手动”读取文件的方法不适合使用React，节点等的项目。
谢谢你的任何帮助，我希望这个问题不是多余或模糊的。
这样的事情有用吗？
const newCSS = document.createElement('link');
newCSS.href = `/path/to/templates/${style}.css`;
newCSS.rel = 'stylesheet';
document.head.appendChild(newCSS);