react项目依赖

react 脚手架工具

npm install create-react-app -g

create-react-app -V 查看版本号

create-react-app 项目名字 创建项目

注意:部分插件的版本依赖问题 需要打开package.json 里的scripts 下的eject

npm run eject

打开大礼包之前执行一次本地git仓库的提交

git status 查看当前状态

git add .

git commit -m “hehe”

npm run eject 在项目目录下执行

npm start 跳转的实例界面

基本命令

npm start 本地开发环境运行

npm run eject 解开插件包

npm run build 编译打包

基本结构目录

build 打包之后的文件目录

config 项目的配置目录

public 静态资源目录

script js启动脚本

src 项目的源码目录

package 项目的配置依赖

.gitignore git 上传的忽略文件

组件的创建

15 createClass 方法

16 通过class关键字或者函数来创建组件

类组件函数组件

类组件 (功能组件，智能组件)

class关键字 创建的组件

有state值 能修改state值

能写jsx

有生命周期

函数组件 (ui组件,木偶组件,傻瓜组件)

用函数创建的组件

没有state 就不能修改数据

没有生命周期

只能接收props 渲染界面

高阶组件

受控组件 非受控组件

不是一种新的组件而是获取表单数据中的方式

受控组件

非受控组件 通过ref 来获取表单数据

react developer tool

谷歌浏览器插件 使用方式类似vue开发者工具

Fragment

可以作为跟组件使用并且不会被渲染

生命周期

1、创建和初始化

getDefaultProps 初始化porps

getInitialState 初始化state

15.6 的生命周期 在16版本取消 用构造函数代替

2、挂载

componentWillMount 挂载之前

componentDidMount 挂载结束

3、更新

componentWillReceiveProps props发生改变的时候触发

shouldComponentUpdate 数据的改变是否应该引起页面更新

componentWillUpdate 组件将要更新

componentDidUpdate 组件更新完毕

4、卸载销毁

componentWillUnmount

原文链接：https://blog.csdn.net/m0_46388605/article/details/104908390