Search
 
SCRIPT & CODE EXAMPLE
 
CODE EXAMPLE FOR JAVASCRIPT

how to convert a string to react element in javascript

<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+"'")
}
Source by stackoverflow.com #
 
PREVIOUS NEXT
Tagged: #convert #string #react #element #javascript
ADD COMMENT
Topic
Name
4+5 =