css - 危险地设置内部 html css 类

Question

我正在制作一个应用程序，允许人们通过 css 网格数据数组编写基于类的规则并将其设置为基于 div id 的类，这些类将被映射到页面底部的样式标签中，从而暴露出危险的集合，从而让人们测试 css 过渡和动画内部html。

当用户保存它时，它将成为一个 css 模块，所以这个标签理论上只有在用户使用未保存的组件时才可以编辑，并且他们创建的所有类都将基于 uuid，因此它们永远不会冲突。我已经看到了我想让工作通过这种方法工作的每一个想法，但是如果有 1000 人使用该站点，则会创建数百个临时 css 规则，这些规则暴露于应用程序的全局状态，但理论上写为地图仅适用于那些 uuid 的确切 css 规则将：

A）通过不断写入应用程序 html 来创建任何整体性能问题

B）在执行此操作之前创建我可以支持的任何漏洞

C）这是一个可怕的想法，你现在应该退出并尝试其他方法来从反应状态创建 css 类，这些类可以运行动画和 CSStransitions，比如......

https://medium.learnreact.com/the-style-tag-and-react-24d6dd3ca974 我基本上是在偷这个家伙的想法，但不是用它来制作静态网站，而是从状态中创建新组件，所以它安全吗？ ..我应该做点别的吗？

标签： cssreactjsdangerouslysetinnerhtml