Html-react-parser: निर्यात cssToJs

को निर्मित 29 अक्तू॰ 2020 · 5टिप्पणियाँ · स्रोत: remarkablemark/html-react-parser

मैं इनलाइन सीएसएस स्ट्रिंग को रिएक्ट सीएसएस स्टाइल ऑब्जेक्ट में बदलने के लिए एक पुस्तकालय खोजने की कोशिश कर रहा हूं। उदाहरण:

"पृष्ठभूमि-रंग: नीला; मार्जिन-टॉप: 10px"

प्रति:

{
पृष्ठभूमि रंग: 'नीला',
मार्जिनटॉप: '10px'
}

मैं समझता हूं कि cssToJs फ़ंक्शन यही करता है। और चूंकि मैं वैसे भी इस पुस्तकालय का उपयोग करता हूं, यह बहुत अच्छा होगा यदि यह फ़ंक्शन निर्यात किया जा सके। मुझे लगता है कि एक अलग मॉड्यूल में, जैसे विशेषताएँ टॉपप्रॉप्स, सबसे अच्छा होगा।

dependencies

स्रोत

christianfredh

👍1

सबसे उपयोगी टिप्पणी

मैंने cssToJs को दूसरे पैकेज style-to-js में #182 . में स्थानांतरित किया

तो 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 23 नव॰ 2020

👍2 🎉1

सभी 5 टिप्पणियाँ

माना। मैंने मूल रूप से इसे इन रेपो से उपयोग करने के लिए कॉपी किया है और मैं इसे इस तरह से करने से खुश नहीं हूं। बहुत अच्छा होगा अगर इसे सिर्फ निर्यात किया गया था।

jordie23 16 नव॰ 2020

मैंने cssToJs को दूसरे पैकेज style-to-js में #182 . में स्थानांतरित किया

तो 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 });

remarkablemark 23 नव॰ 2020

👍2 🎉1

वह तो कमाल है। धन्यवाद!

jordie23 23 नव॰ 2020

👍1

@christianfredh मुझे बताएं कि क्या आपको कुछ और चाहिए। अन्यथा, क्या आप कृपया इस मुद्दे को बंद कर सकते हैं?

remarkablemark 24 नव॰ 2020

मैंने अभी इसका परीक्षण किया है और यह बहुत अच्छा काम करता है, धन्यवाद!

मुझे इस समय अशक्त/अपरिभाषित की जाँच करने के लिए अभी भी इस सहायक कार्य की आवश्यकता है:

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

मैं देखता हूं कि वास्तविक कोड में इसके लिए एक चेक है जो एक खाली वस्तु देता है। हो सकता है कि यह टाइपस्क्रिप्ट-वार भी प्रतिबिंबित हो, मुझे नहीं पता। किसी भी तरह से, यह बहुत अच्छा काम करता है, और मैं इस मुद्दे को बंद कर दूंगा।

christianfredh 25 नव॰ 2020

👍1

क्या यह पृष्ठ उपयोगी था?

0 / 5 - 0 रेटिंग्स

Html-react-parser: निर्यात cssToJs

सबसे उपयोगी टिप्पणी

सभी 5 टिप्पणियाँ

संबंधित मुद्दों