Breaking News: Grepper is joining You.com. Read the official announcement!

how to convert a string to react element in javascript

siam88 answered on March 5, 2022 Popularity 6/10 Helpfulness 4/10

answer how to convert a string to react element in javascript

how to convert a string to react element in javascript

Comment

<div dangerouslySetInnerHTML={{__html: value}}/>

f XSS is your primary concern, you can use DOMPurify to sanitize your HTML before inserting it in the DOM via dangerouslySetInnerHTML
3 most used sanitizer libraries:
DOMPurify
Xss.
xss-filters.
Example of valid code is
const sanitizer = dompurify.sanitize;
return <div dangerouslySetInnerHTML={{__html: sanitizer(title)}} />; 

** if those are not your solution then try this package name html-react-parser
and parse the value with qoute.
example :
import parse from 'html-react-parser'; //es

export const StringToHtml=(str)=>{
  return parse("'"+str+"'")
}

Popularity 6/10 Helpfulness 4/10 Language javascript

Source: stackoverflow.com

Tags: element javascript string

Link to this answer
Share Copy Link