Javascript 在React-CSS中注入动态HTML无效

从API获取动态HTML时，HTML加载正常，但CSS不适用于此新HTML

你知道我需要重新加载CSS吗

import React, { Component } from "react";
import Utility from "../common/Utility";

class Template extends Component {
  constructor(props) {
  super(props);
  this.token = localStorage.getItem("token");
  this.client_id = localStorage.getItem("client_id");
 }

 componentDidMount() {
   //fetching dynamic html
   Utility.ExecuteData("template", this.token, {
    client_id: this.client_id
   }).then(result => {
      var dynamic_html = document.getElementById("dynamic_html");
      dynamic_html.innerHTML = result.data[0].template;
     });
 }

 render() {
  return (
   <React.Fragment>
    <div id="dynamic_html" />
   </React.Fragment>
  );
 }
}

export default Template;

import React，{Component}来自“React”；
从“./common/Utility”导入实用程序；
类模板扩展组件{
建造师（道具）{
超级（道具）；
this.token=localStorage.getItem（“token”）；
this.client_id=localStorage.getItem（“client_id”）；
}
componentDidMount（）{
//获取动态html
Utility.ExecuteData（“模板”，this.token{
client\u id:this.client\u id
})。然后（结果=>{
var dynamic_html=document.getElementById（“dynamic_html”）；
dynamic_html.innerHTML=result.data[0]。模板；
});
}
render（）{
返回(
);
}
}
导出默认模板；

我无法发表评论，因此我将在回复中发布它。 我不知道html是如何从API返回的，但我假设css是内联的，或者作为文件包含在远程html中

---

如果是后者，则css文件的url可能是相对的，因此从其他服务器调用url将导致404。

我无法评论，因此我将在回答中发布它。 我不知道html是如何从API返回的，但我假设css是内联的，或者作为文件包含在远程html中

---

如果是后者，则css文件的url可能是相对的，因此从另一台服务器调用url将导致404。

这是可行的，但您需要使用通常的HTML

class

属性，而不是

className

。我在这里使用了

危险的setinerHTML

，但如果您像在问题中那样设置元素的

innerHTML

，则结果相同

函数模板（{html}）{
返回(
);
}
常量html='With style'；
ReactDOM.render(
,
document.getElementById（'容器'）
);
。标题{
字号：2em；
颜色：红色；
}
这是可行的，但是您需要使用通常的HTML
class
属性，而不是
className
。我在这里使用了
危险的setinerHTML
，但如果您像在问题中那样设置元素的
innerHTML
，则结果相同


函数模板（{html}）{
返回(
);
}
常量html='With style'；
ReactDOM.render(
,
document.getElementById（'容器'）
);
。标题{
字号：2em；
颜色：红色；
}

检查样式是否为
scope
d检查样式是否为
scope
dcss是否作为外部文件预加载。html随类名一起提供html非常好，css是预加载的，但不反映类。你是说css中不存在html类吗？发现问题后，html随类名（JSX格式）提供，而不是类。css作为外部文件预加载。html随类名一起提供html非常好，css是预加载的，但不反映类。你是说css中不存在html类吗？发现问题后，html随类名（JSX格式）提供，而不是类。