创建一个应用

构建工具

index.htmlApp.jsxmain.js

html

<!DOCTYPE html>
<html>
  <body>
    <div id="app"></div>
    <script type="module" src="./main.jsx"></script>
  </body>
</html>

jsx

export default function App() {
  return <h1>Hello world</h1>
}

jsx

import React from 'react'
import ReactDOM from 'react-dom/client'
import App from './App'

ReactDOM.createRoot(document.getElementById('app')).render(
  <React.StrictMode>
    <App />
  </React.StrictMode>,
)

创建一个应用 ​

构建工具 ​

创建一个应用

构建工具