将 CSS 转换为 React.js 样式

Question

我正在使用 Elementor 作为 REST Api，并且我在 React 端以这种形状获得一堆字符串：

selector a {
    width: 189px;
    line-height: 29px;
}

是否有任何库可以将带有伪的 CSS 转换为 React 中的内联样式？ 我尝试使用https://www.npmjs.com/package/style-to-js库，但它不支持括号和伪

Answer 1

因此，如果您想要在收到响应时应用此样式，您可以使用 vanilla JS 执行类似的操作

 var styleTxt=".container {background-color:grey;color:orange;width:100px;} footer {heigth: 50px;background-color:black} button {color:white; font-size: 15px; border: 1px solid white; background: transparent}" setTimeout(()=>{ var element = document.createElement('style'); element.setAttribute('type', 'text/css'); element.innerHTML = styleTxt; document.head.append(element); }, 2000)

 <div class="container"> <span>Test for dinamic css</span> <footer> <button>Test</button> </footer> </div>

styleTxt将是调用的响应。

我只是设置了超时，所以你可以看到之前和之后:)