Javascript 样式（tailwind/SCSS样式表）未应用于React中动态插入的HTML

我有一个React应用程序，它使用typescript、scss和tailwind。顺风运行良好，Sass也是如此。 当我试图将

useffect

钩子中的HTML插入

div

时，问题就出现了

HTML:

tailwind类处理其他内容，如renderhtml（从函数返回，例如：

main

元素）

我已经检查了chrome上的devtools，没有迹象表明应用了顺风样式（尽管内联样式可以工作）

devtools的图像：

---

如果您需要任何其他详细信息，请告诉我，提前谢谢

在react生态系统之外插入html元素，因此需要使用

class

而不是

className

mdContainerRef.current.innerHTML = '<p class="text-8xl bg-green-600">Test</p>';

mdContainerRef.current.innerHTML=”
测试；

非常感谢！它就像一个魅力！！！

    const mdContainerRef = useRef<null | HTMLDivElement>(null);

    useEffect(() => {
            if (mdContainerRef.current) {
                mdContainerRef.current.innerHTML = '<p className="text-8xl bg-green-600">Test</p>';
            }

            setArticle(data);
        })();
    }, [slug, mdContainerRef]);

mdContainerRef.current.innerHTML = '<p class="text-8xl bg-green-600">Test</p>';