Beyond `dangerouslySetInnerHTML`: Apakah Alternatif Selamat untuk Memaparkan HTML dalam React?

Memaparkan HTML Mentah dengan React

Menyiasat sama ada memaparkan HTML mentah dengan ReactJS hanya boleh dilakukan melalui kaedah 'dangerouslySetInnerHTML', coretan kod yang disediakan menunjukkan penggunaan penukar Markdown untuk menukar teks mentah kepada HTML. Walau bagaimanapun, soalan itu juga menyatakan keinginan untuk memberikan secara langsung penanda HTML gaya kelas yang kompleks.

Menurut perkembangan terkini dalam React, kaedah yang lebih selamat kini wujud untuk memaparkan HTML. Berikut ialah empat alternatif untuk dipertimbangkan:

4 Pilihan untuk Memaparkan HTML dalam React

1. Unicode: Simpan fail sebagai UTF-8 dan tetapkan set aksara kepada UTF-8, membenarkan aksara Unikod digunakan secara langsung.
2. Nombor Unikod: Benamkan nombor Unikod untuk entiti yang dikehendaki dalam rentetan JavaScript.
3. Array Campuran: Gabungkan rentetan dan elemen JSX dalam tatasusunan untuk pemaparan.
4. dangerouslySetInnerHTML: Sebagai pilihan terakhir, HTML mentah boleh disisipkan menggunakan 'dangerouslySetInnerHTML', tetapi kaedah ini harus digunakan dengan berhati-hati kerana kebimbangan keselamatan.

Atas ialah kandungan terperinci Beyond `dangerouslySetInnerHTML`: Apakah Alternatif Selamat untuk Memaparkan HTML dalam React?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!