See also html2react-json
npm i -g html2jsx
html2jsx index.html
html2jsx Icon.svg
import html2jsx from 'html2jsx'
const html = `<h1 class="hello">Hello JSX</h1>`
console.log(html2jsx(html, {name: 'Example'}))
Note that the programmatic usage will only work in a browser environment. If you want to use it in Node, you will need to wrap it in
jsdom
. You can take a look at the command line tool implementation for an example of how to do this
- HTML/SVG to React conversion done with html2react
- React to JSX conversion done with react-element-to-jsx-string