Html-react-parser: cssToJsをエクスポートする

作成日 2020年10月29日 · 5コメント · ソース: remarkablemark/html-react-parser

インラインcss文字列をReactcssスタイルオブジェクトに変換するライブラリを見つけようとしています。例：

"背景色：青;マージン-上：10px"

に：

{{
backgroundColor： '青'、
marginTop： '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

同意しました。私は基本的にこれらのリポジトリからコピーして使用しましたが、そのようにすることに満足していません。それがちょうどエクスポートされたなら素晴らしいでしょう。

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日

私は今それをテストしました、そしてそれは素晴らしい働きをします、ありがとう！

現時点でnull / undefinedをチェックするには、このヘルパー関数がまだ必要です。

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

空のオブジェクトを返す実際のコードでこれをチェックしていることがわかります。たぶんそれはタイプスクリプト的にも反映されるかもしれません、私は知りません。いずれにせよ、それはうまく機能し、私は問題を閉じます。

christianfredh 2020年11月25日

👍1

このページは役に立ちましたか？

0 / 5 - 0 評価