react学习笔记

发布时间 2024-01-09 15:55:38作者: 上官兰雨

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