Html-react-parser: 导出 cssToJs

创建于 2020-10-29 · 5评论 · 资料来源: remarkablemark/html-react-parser

我正在尝试找到一个库来将内联 css 字符串转换为 React css 样式对象。例子：

“背景颜色：蓝色；边距顶部：10px”

到：

{
背景颜色：'蓝色'，
边距顶部：'10px'
}

我知道这就是 cssToJs 函数所做的。而且因为我无论如何都使用这个库，如果可以导出这个函数就太好了。我想在一个单独的模块中，比如attributesToProps，会是最好的。

dependencies

资料来源

christianfredh

👍1

最有用的评论

我将cssToJs移到了 #182 中的另一个包style-to-js

所以在v0.14.2 中：

# npm
npm i [email protected]

# yarn
yarn add [email protected]

它将安装依赖项style-to-js因此您可以执行以下操作：

const styleToJS = require('style-to-js').default;

styleToJS('background-color: #BADA55', { reactCompat: true });

如果这有帮助，请告诉我。您可以查看style-to-js README以了解更多详细信息。

remarkablemark 于 2020-11-23

👍2 🎉1

同意。我基本上是从这些 repo 中复制它来使用的，我对那样做并不满意。如果只是出口就好了。

jordie23 于 2020-11-16

我将cssToJs移到了 #182 中的另一个包style-to-js

所以在v0.14.2 中：

# npm
npm i [email protected]

# yarn
yarn add [email protected]

它将安装依赖项style-to-js因此您可以执行以下操作：

const styleToJS = require('style-to-js').default;

styleToJS('background-color: #BADA55', { reactCompat: true });

如果这有帮助，请告诉我。您可以查看style-to-js README以了解更多详细信息。

remarkablemark 于 2020-11-23

👍2 🎉1

棒极了。谢谢！

jordie23 于 2020-11-23

👍1

@christianfredh如果您还需要其他任何东西，请告诉我。否则，你能不能关闭这个问题？

remarkablemark 于 2020-11-24

我现在已经测试过了，效果很好，谢谢！

我现在仍然需要这个辅助函数来检查空/未定义：

function cssToJs(style?: string | null) {
  return styleToJS(style ?? '', { reactCompat: true })
}

我看到在返回空对象的实际代码中对此进行了检查。也许这也可以在打字稿方面反映出来，我不知道。无论哪种方式，它都很好用，我将关闭该问题。

christianfredh 于 2020-11-25

👍1

此页面是否有帮助？

0 / 5 - 0 等级