How do I convert a string to jsx?

by

You can consider using the React attribute dangerouslySetInnerHTML:

class YourComponent{
  render() {
    someHtml="<div><strong>blablabla<strong><p>another blbla</p/></div>"
     
    return (
      <div className="Container" dangerouslySetInnerHTML={{__html: someHtml}}></div>
    )
  }
}

More Related Contents:

  1. How to pass data from child component to its parent in ReactJS?
  2. What’s the difference between “super()” and “super(props)” in React when using es6 classes?
  3. How to set one component’s state from another component in React
  4. What is the best way to access redux store outside a react component?
  5. Template not provided using create-react-app
  6. Is it possible to use if…else… statement in React render function?
  7. Component does not remount when route parameters change
  8. React.createElement: type is invalid — expected a string
  9. What is use of curly braces in an ES6 import statement?
  10. Dynamically Add Images React Webpack
  11. Can I dispatch an action in reducer?
  12. Handling async request with React, Redux and Axios?
  13. react setState with dynamic key
  14. Sending the bearer token with axios
  15. What does it mean when they say React is XSS protected?
  16. What is withRouter for in react-router-dom?
  17. Remove console.logs with Webpack & Uglify
  18. Target Active Link when the route is active in Next.js
  19. React – the right way to pass form element state to sibling/parent elements?
  20. Persistent navigation in a NextJs _app
  21. react app showing empty page when redirecting on production build
  22. How to resolve “Cannot use import statement outside a module” from Jest when running tests?
  23. VirtualizedList: You have a large list that is slow to update
  24. is it possible to React.useState(() => {}) in React?
  25. Jest setup “SyntaxError: Unexpected token export”
  26. How to minimize the size of webpack’s bundle?
  27. How to set build .env variables when running create-react-app build script?
  28. Image elements do not have explicit width and height
  29. React – “localStorage is not defined” error showing
  30. Next Image not taking class properties

Leave a Comment