Html-react-parser: Ekspor cssToJs

Dibuat pada 29 Okt 2020 · 5Komentar · Sumber: remarkablemark/html-react-parser

Saya mencoba mencari perpustakaan untuk mengonversi string css sebaris ke objek gaya React css. Contoh:

"background-color: biru; margin-top: 10px"

ke:

{
warna latar: 'biru',
marginTop: '10px'
}

Saya mengerti bahwa inilah fungsi cssToJs. Dan karena saya tetap menggunakan perpustakaan ini, alangkah baiknya jika fungsi ini dapat diekspor. Saya kira dalam modul terpisah, seperti atributToProps, akan menjadi yang terbaik.

dependencies

Sumber

christianfredh

👍1

Komentar yang paling membantu

Saya memindahkan cssToJs ke paket lain style-to-js di #182

Jadi di v0.14.2 :

# npm
npm i [email protected]

# yarn
yarn add [email protected]

Ini akan menginstal dependensi style-to-js sehingga Anda dapat melakukan hal berikut:

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

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

Beri tahu saya jika ini membantu. Anda dapat memeriksa README style-to-js untuk detail lebih lanjut.

remarkablemark pada 23 Nov 2020

👍2 🎉1

Semua 5 komentar

Sepakat. Saya pada dasarnya menyalinnya dari repo ini untuk digunakan dan saya tidak senang melakukannya dengan cara itu. Akan lebih bagus jika itu hanya diekspor.

jordie23 pada 16 Nov 2020

Saya memindahkan cssToJs ke paket lain style-to-js di #182

Jadi di v0.14.2 :

# npm
npm i [email protected]

# yarn
yarn add [email protected]

Ini akan menginstal dependensi style-to-js sehingga Anda dapat melakukan hal berikut:

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

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

Beri tahu saya jika ini membantu. Anda dapat memeriksa README style-to-js untuk detail lebih lanjut.

remarkablemark pada 23 Nov 2020

👍2 🎉1

Itu luar biasa. Terima kasih!

jordie23 pada 23 Nov 2020

👍1

@christianfredh Beri tahu saya jika ada hal lain yang Anda butuhkan. Jika tidak, bisakah Anda menutup masalah ini?

remarkablemark pada 24 Nov 2020

Saya sudah mengujinya sekarang dan berfungsi dengan baik, terima kasih!

Saya masih membutuhkan fungsi pembantu ini untuk memeriksa nol/tidak terdefinisi saat ini:

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

Saya melihat ada pemeriksaan untuk ini dalam kode aktual yang mengembalikan objek kosong. Mungkin itu juga bisa tercermin dari TypeScript-bijaksana, saya tidak tahu. Either way, itu bekerja dengan baik, dan saya akan menutup masalah ini.

christianfredh pada 25 Nov 2020

👍1

Apakah halaman ini membantu?

0 / 5 - 0 peringkat