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来更新对应的页面显示(重新渲染组件)

01 2023-02

创建React组件的两种方式:函数式组件和类组件

定义React组件主要有两种方式,函数式组件和ES6 类组件, 当然过于简单,也可以是React元素

01 2023-02

模块与组件,模块与组件化的理解

模块:向外提供特定功能的JS程序, 一般就是一个JS文件;组件:用来实现局部功能效果的代码和资源的集合(html/css/js/img等)

01 2023-02

JSX介绍

全称: JavaScript XML,react定义的一种类似于XML的JS扩展语法 : JS + XML,本质是React.createElement(component,props,....children) 方法的语法糖

01 2023-02

一分钟用上React

快速用上React, 准备容器,加载必要的JS,创建虚拟DOM,进行渲染