1<!DOCTYPE html>
2<html>
3 <script src="https://unpkg.com/react@16/umd/react.production.min.js"></script>
4 <script src="https://unpkg.com/react-dom@16/umd/react-dom.production.min.js"></script>
5 <script src="https://unpkg.com/babel-standalone@6.15.0/babel.min.js"></script>
6 <body>
7
8 <div id="mydiv"></div>
9
10 <script type="text/babel">
11 class Hello extends React.Component {
12 render() {
13 return <h1>Hello World!</h1>
14 }
15 }
16
17 ReactDOM.render(<Hello />, document.getElementById('mydiv'))
18 </script>
19 </body>
20</html>
11) Option One: Online
2https://magic.reactjs.net/htmltojsx.htm
3or
4https://transform.tools/html-to-jsx
5
62) Option Two: System (assuming you have npm)
7npm install html-to-jsx