Javascript 在React中动态创建css类

我需要创建一个CSS类，其中包含基于输入图像的媒体查询。创建css的react脚本应如下所示：

  const getBackgroungImageSet = (image) => {
    return `.mycontainer {    
                background-image:url("${image}?mw=500"); // big image   
            }
            
            @media(max-width: 768px){
              .mycontainer {
                    background-image:url("${image}?mw=250"); // small image  
                }
            }`;
  }

---

是否可以将此类添加到react中的文档中？

这里有一种通过样式标记添加样式的方法。实际的方法基于文档中所示的内容。这是一个很好的方法，让你的样式标签到文档头，而不是任意地在DOM的中间。

对于样式标记，您需要使用

type=“text/css”

并使用字符串，这样就不会因为css语法在JSX中无效而出现语法错误

函数示例（）{
返回(
这应该是紫色的


这应该有一个蓝色的边框
{`
跨度{
颜色：紫色；
}
跨度：第n个类型（2）{
颜色：继承；
边框：2件纯蓝；
}
`}
);
}
ReactDOM.render（，document.getElementById（'root'））