| 1234567891011121314151617181920212223242526272829303132333435363738 |
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="UTF-8" />
- <title>Hello World</title>
- <script src="https://unpkg.com/react@18/umd/react.development.js"></script>
- <script src="https://unpkg.com/react-dom@18/umd/react-dom.development.js"></script>
- <!-- Don't use this in production: -->
- <script src="https://unpkg.com/@babel/standalone/babel.min.js"></script>
- </head>
- <body>
- <div id="root"></div>
- <script type="text/babel">
- function MyApp() {
- return
- <h1>Hello, world!</h1>;
- }
- const container = document.getElementById('root');
- const root = ReactDOM.createRoot(container);
- root.render(
- <myapp />);
- </script>
- <!--
- Note: this page is a great way to try React but it's not suitable for production.
- It slowly compiles JSX with Babel in the browser and uses a large development build of React.
- Read this page for starting a new React project with JSX:
- https://react.dev/learn/start-a-new-react-project
- Read this page for adding React with JSX to an existing project:
- https://react.dev/learn/add-react-to-an-existing-project
- -->
- </body>
- </html>
|
