一:创建一个react项目
npx create-next-app my-app(项目名称)
cd my-app
npm start
二:项目初始化
index.js
import React from "react" import ReactDOM from "react-dom" import App from "./App.jsx" // 组件外壳 ReactDOM.render(<App />, document.getElementById("root")) 注意: 在react 18版本中,废弃了render这个渲染方式,改成下面这种: import { createRoot } from 'react-dom/client'; const root = createRoot(document.getElementById("root")); root.render(<App /> )
App.js 组件
import React,{Component} from "react" export default class App extends Component{ render(){ return( <div>Hello World!</div> ) } }