react学习笔记

一：创建一个react项目

?

1	npx create-next-app my-app(项目名称)<br>cd my-app<br>npm start

二：项目初始化

index.js

?

1 2 3 4 5 6 7 8 9 10 11

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 组件

?

1 2 3 4 5 6 7 8

import React,{Component} from "react" export default class App extends Component{     render(){         return(             <div>Hello World!</div>         )     } }