React入门到实战的开发(上课笔记)

关于我的电脑是win7版本的系统,创建不了React项目,只能在CSDN做笔记(因为Node版本是13)

创建一个react项目 创建react指令为 npx  create-react-app 项目名称

 安装完成以后通过CD进入当前的文件夹,然后通过 npm start运行

运行成功以后,复制网页到浏览器打开

 创建react项目的指令

 环境介绍

 前面是React的基础知识,下面来介绍

2.React JSX语法

 ReactDOM.render()来挂载React项目

 这里的root是HTML里面的id选择器,

 

3.React元素渲染

4.React组件基础之创建组件 

6.React State状态 

   1.先创建一个StateCommonent.jsx组件

 

然后在组件内部导入import React from "react",再通过export default class StateComponent 

extends  React.Component继承于React.Component

然后在app.js中引入import StateComponent from "./StateComponent"接着在组件中使用