React'te HTML Kullanımı

Eğer react'te yeniyseniz ve yazdığınız kodun html değilde jsx olduğunu biliyorsanız ve ansızın bir ihtiyaç doğrulsunda raw html kodu render etmeniz gerektiyse google'a bunu türkçe aradıysanız ve bir şekilde seomuz iyiyse ve bu konuya denk geldiyseniz doğru yerdesiniz.

Ama eğer siz de stackoverflow developerı iseniz (arayıp ilgili kodu almak ve yazılanı hiç okumamak) muhtemelen burayıda görmeyeceksiniz ama olsun :D

Basitçe react bize dangerouslySetInnerHTML ismiyle bir prop geçmemizi ve içinde de bir oje tanımlayıp __html keyi ile birlikte render edilecek html'i tanımlamamızı istiyor.

<div dangerouslySetInnerHTML={{
    __html: `<i>bu bir testtir</i>`
}}></div>

Elbette kod yerine bir değişkenden gelen html değerinide yazdırabileceğinizi unutmayın.

İsminin böyle korkutucu olmasının sebebi ise, bunu yaparken iki kez düşünmeniz için :) Malum, xss oluşması muhtemel ve projeniz için tehlikeli olabilir, ama o iş ben de ben her şeyi iyi handle ettim diyorsanız kullanmakta özgürsünüz.