11 2023-02

React脚手架下入口文件index.html的解释说明

React脚手架下入口文件index.html的解释说明

11 2023-02

React脚手架的创建

react提供了一个用于创建react项目的脚手架库:create-react-app,用来帮助程序员快速创建一个基于xxx库的模板项目

01 2023-02

React中Diff的验证及虚拟Dom中key的作用

虚拟DOM中key的作用: 1).简单的说: key是 虚拟DOM对象的标识,在更新显示时key起着极其重要的作用 2).详细的说:当状态中的数据发生变化时,react会根据[新数据]生成[新的虚拟DOM] ,随后React进

01 2023-02

React组件的生命周期的使用

对生命周期的理解: 1, 组件从创建到死亡,它会经历一些特定的阶段 2, React组件包含一系列钩子函数(生命周期回调函数),会在特定的时刻被调用 3, 我们在定义组件时,会在特定

01 2023-02

React收集表单数据使用高阶函数及非高阶函数的使用

高阶函数: 如果一个函数符合下面2个规范中的任何一个,那该函数就是高阶函数 1. 若A函数, 接收的参数是一个函数, 那么A就可以称之为高阶函数 2. 若A函数, 调用的返

01 2023-02

React收集表单数据的方法

React收集表单数据的方法, 可以通过受控组件或非受控组件来实现

01 2023-02

React中事件的处理

React使用的是自定义(合成)事件,而不是使用的原生DOM事件 --- 为了更好的兼容性,React中的事件是通过事件委托方式处理的(委托给组件最外层的元素)冒泡原理(高效)

01 2023-02

React组件实例的三大核心属性refs

React组件实例的三大核心属性refs有字符串,回调函数,createRef形式,不建议使用它,因为 string 类型的 refs 存在 一些问题。它已过时并可能会在未来的版本被移除。一句话总结: 效率不高。推

01 2023-02

React组件实例的核心属性props的用法

有了props属性,可以动态的向React组件传递信息, 同时可以对标签属性的类型及默认值进行限制

01 2023-02

React组件实例的核心属性State的用法

state 是组件对象最重要的属性,值是对象(可以包含多个key-value的组合),组件被称为"状态机", 通过更新组件的state来更新对应的页面显示(重新渲染组件)