react入门-组件化

一、在src下新建一个components文件夹

二、根据自己的需要新建语义化的文件夹

三、新建文件(正常就新建一个css和一个jsx就可以)

四、在demo.jsx文件顶部引入react和component

import React, { Component } from "react";

五、引入css文件

六、写组件（这里用到的是类组件,为了让react区分组件和标签，组件名必须大写）

七、打开css文件写样式

八、在src下新建一个index.js文件

九、引入react、react-dom和刚刚写好的组件

import React from "react";
import ReactDOM from "react-dom/client";

十、创建根节点（react把root元素作为根节点）

const root = ReactDOM.createRoot(document.getElementById("root"));

十一、使用render渲染

root.render(<Demo1 />);

十二、运行项目

npm run start

十三、最终效果