hibufan的博客

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-f1kiJq9d-1658234010892)(E\vscode_workspace\typora笔记\笔记图片\1658149566703.png)]获取当前store所对应的快照（通过下边这种方式查看store中对应state的当前状态）reducer函数用来返回一个新的state，（更新当前的state的一个中转）redux----没有集成在react中，而是需要我们引入的包第3方库。getState做了什么？...

使用create-react-app（脚手架工具）创建一个初始化项目1、下载脚手架工具：npm i -g create-react-app2、创建引用：create-react-app my-app3、运行应用：cd my-app（进入应用文件夹），npm start（启动应用） React脚手架配置代理说明： 1、优点：配置简单，前端请求资源可以不加任何前缀2、缺点：不能配置多个代理（如果请求的不同服务器就不行）3、工作方式：当请求了自身3000端口不存在的资源时，那么会转发给5000端口（优

虚拟DOM中的key的作用：当状态中的数据发生改变时，react会根据【新数据】生成【新虚拟DOM】，随后react会进行【新虚拟DOM】和【旧虚拟DOM】的diff算法比较，具体的比较规则如下：用index作为key可能引发的问题若对数据进行：逆序添加、逆序删除等破坏顺序的操作时会产生不必要的真实DOM更新，造成效率低下如果结构中还包含输入类的dom，会产生错误dom更新，出现界面异常开发中如何选择key最好选中标签的唯一标识id、手机号等如果只是简单的展示数据，用index也是可以的......

1. 组件的三个生命周期状态: Mount：插入真实 DOM Update：被重新渲染 Unmount：被移出真实 DOM2. 生命周期流程: * 第一次初始化显示: ReactDOM.render(, containDom) constructor() componentWillMount() : 将要插入回调 render() : 用于插入虚拟DOM回调 componentDidMount() ...

1. 受控组件和非受控组件***非受控组件：页面中输入类DOM的值，现用现取（几个输入项使用几次ref，所以不建议，效率低）***受控组件：给输入类DOM绑定onChange事件，随着你的输入，把数据维护到状态里，需要用的时候就把状态里保存的数据去取出来（类比vue中的双向数据绑定）可以省略ref的使用-推荐2. 高阶函数 如果一个函数符合下面两个规范中的任意一个，那该函数就是高阶函数1. 若A函数，接收到的参数是一个函数，那么A就可以称之为高阶函数2.若A函数，调用后的返回值依然是一个函数，那么A就可以称

1. 给标签添加属性: onXxx={this.eventHandler}2. 在组件中添加事件处理方法 eventHandler(event) { }3. 使自定义方法中的this为组件对象 在constructor()中bind(this) 使用箭头函数定义方法(ES6模块化编码时才能使用)4. 事件监听 绑定事件监听 事件名 回调函数 触发事件 用户对对应的界面

refs组件内包含ref属性的标签元素的集合对象给操作目标标签指定ref属性, 打一个标识在组件内部获得标签对象: this.refs.refName(只是得到了标签元素对象)作用: 找到组件内部的真实dom元素对象, 进而操作它在jsx中代码的注释（避免在结构中写注释）1.内联的回调函数2.class类绑定的回调函数并在class用用赋值语句+箭头函数，，传入currentNode，，.........

props所有组件标签的属性的集合对象给标签指定属性, 保存外部数据(可能是一个function)在组件内部读取属性: this.props.propertyName作用: 从目标组件外部向组件内部传递数据复习一下ES6扩展运算符：注意：1. props是只读的，不可以修改2. 类式组件中的构造器可以省略，构造器中是否接porps，是否传传给super，没大的影响，但会有一个this.porps的bug，就是在构造器中没办法通过实例.porps去取值，因此当需要通过this访问porps时

React基本原理和使用

react基本原理和使用

React基础原理和使用增加需求：给hello,React包裹一层span标签jsx方式：js方式：jsx的出现主要目的是为了 让编码人员更加方便的创建虚拟DOM分析一下，什么是虚拟DOM?本质是Object类型的对象（一般对象）虚拟dom比较轻（属性少），是React内部在用，无需那么多属性虚拟dom最终会被react转化为真实dom，呈现在页.........