React
文章平均质量分 78
关于React
Continue丶
努力变得更好一点
展开
-
React:新旧生命周期及其对比
文章目录概述生命周期(旧)挂载时更新时父组件rendersetStateforceUpdate卸载时生命周期(新)挂载时更新时卸载时新旧生命周期的对比 概述 不管是vue还是React,它都有一个生命周期,它描述了组件从创建到销毁的整个生命过程,其中含有有很多的钩子函数连接而成。这里主要讲React新旧生命周期,以及他们的对比 生命周期(旧) 周期图如下 其中左边是挂载时,右边是更新时,下边是更新时 挂载时 可以看出挂载时的更新数据顺序依次如下 1)constructor:构造器 2)component原创 2021-07-09 23:14:24 · 505 阅读 · 4 评论 -
React:组件实例三大属性之(refs)
文章目录概述使用方式1.String类型的Refs(过时)2.回调形式使用 概述 作为react实例组件三大属性之一,refs主要用来获取真实DOM元素或者组件实例的属性。 使用方式 1.String类型的Refs(过时) String类型的使用相对是很容易理解的,但是其存在一些问题已经过时不再推荐使用。 1.通过ref=“字符串名”进行ref声明 2.通过this.refs.字符串名 获取 class MyComponent extends React.Component{ r原创 2021-07-08 11:30:57 · 390 阅读 · 1 评论 -
React:组件实例三大属性之(props)
????个人理解,如有不对,欢迎讨论 文章目录概述基本使用传入类型限制默认值写入类组件内部函数组件使用props 概述 react组件实例中共有三大属性,分别为state、props、refs。其中props,是properties的简写,字面意思为“属性”,在组件上绑定的属性都在props里。 作用: 通过标签属性从组件外向组件内传递变化的数据 注意: props属性是只读的,也就是不能修改,只能读取 基本使用 <!-- 创建容器标签 --> <div id="root原创 2021-06-27 15:35:35 · 307 阅读 · 0 评论 -
React:组件实例三大属性之(state)
????个人理解,如有不对,欢迎讨论 文章目录概述进步证实使用标准使用简化使用 概述 react组件中共有三大属性,分别为state、props、refs。其中state,字面意思为状态,它就是用来保存数据的状态,通过在state里绑定数据,数据就会渲染显示在UI上,因此我们想要动态绑定数据,state是必须要用到的。 进步证实 我们知道在ES6类创建的组件中,render方法在类的原型对象上,我们打印其内部this可以看到 其中就存在state属性,默认值为null 使用 可以通过标准和简化来使用s原创 2021-06-26 23:24:36 · 204 阅读 · 0 评论 -
React:组件理解及定义
文章目录概述自定义组件 概述 我们知道通过组件化的开发,可以划分复杂的代码,使得代码结构更加清晰,且便于代码的复用与后期的维护,那么在react中是怎么声明组件并调用的呢。 自定义组件 在react中,定义组件的方式有两种,分别是 1.工厂函数组件(简单组件) 2.ES6类组件(复杂组件 ) 1.工厂函数组件(简单组件) 适用于简单组件,也就是不需要state管理的组件 工厂函数组件是通过函数声明来构造并return返回jsx代码,如下 <script type="text/babel">原创 2021-06-26 22:19:29 · 147 阅读 · 0 评论 -
React: JSX
文章目录概述基本使用基本语法规则 概述 JSX全称为 JavaScript XML,它是由react定义的一种类似于XML的JS扩展语法:XML+JS,用来创建react的虚拟DOM对象。 基本使用 <script src="../js/babel.min.js"></script> <script type="text/babel"> // 创建虚拟DOM const VDom = "<div id="title">Hello World&原创 2021-06-26 12:54:02 · 109 阅读 · 0 评论 -
React:虚拟DOM简介及创建
文章目录虚拟DOM概述渲染虚拟DOM创建虚拟DOM的两种方式 虚拟DOM概述 1.React提供了一些API来创建一种特别的js对象,这个对象也就是常说的虚拟DOM,如以下就是通过React.createElement创建的虚拟Dom const VDom=React.createElement("div",{id:'title'},"Hello World") 2.虚拟DOM对象最终都会被React转换为真实的DOM 3.在React中,我们只需要操作react的虚拟DOM相关数据,react会转换为真原创 2021-06-26 10:25:52 · 264 阅读 · 0 评论 -
React:初识
文章目录写在前面关于React环境搭建 写在前面 近期准备直接学习React了,想着最有效的方法就是吸取经验咯,于是向学长请教,最终根据学长的推荐-技术胖(React学习路线-按此路线学习顺畅无比)来进行我的react学习,并会通过不断输出博客来巩固我知识以及方便后续回顾。 关于React React属于当前前端三大最火框架之一,它起源于facebook的内部项目,并于2013年进行了开源,现在已经推出React17版本。 优点: 生态强大:React的生态体系好,几乎所有开发需求都有成熟的解决方案原创 2021-06-25 16:02:29 · 162 阅读 · 2 评论