react学习笔记

一：创建一个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>
		)
	}
}