react
文章平均质量分 61
左直拳
程序猿
展开
-
react中的装饰器
(一般来说,装饰器在这里,)在 React 中,装饰器(Decorators)是一种语法糖,用于简化和增强组件的功能。它的主要作用是通过在组件类或类成员(如方法、属性)上添加修饰符,来扩展或修改组件的行为。装饰器通常以 @ 符号开头,紧接着是装饰器函数的名称,并且可以附带参数。@decorator// ...// ...装饰器本质上是一个高阶函数,它接收一个目标(类或类成员)并返回一个新的目标(通常是经过修改后的类或类成员)。装饰器通过操作传入的目标来实现增强或修改其功能。原创 2024-08-06 13:42:42 · 1002 阅读 · 0 评论 -
react的组件分为类组件和函数组件
在 React 中,类组件和函数组件是两种不同的组件定义方式。它们各有特点,适用于不同的场景。类组件 vs. 函数组件代码简洁性:函数组件通常比类组件更简洁。状态管理:类组件通过 this.state 和 this.setState 管理状态,而函数组件使用 useState 钩子。生命周期管理:类组件使用生命周期方法,而函数组件使用 useEffect 钩子(Hook)来管理副作用。原创 2024-08-03 21:44:22 · 1014 阅读 · 0 评论 -
react中外部传入的属性如果在外部改变,组件内如何得知并作出响应?
react中,外部传入的属性,如果在外部改变了,组件内如何得知并作出响应?如果是vue,会在组件内通过watch来监听该属性。但react呢?原创 2024-07-30 11:23:24 · 299 阅读 · 0 评论 -
react中的useState和Hook、副作用
react的组件分为类组件和函数组件,Hook 是一种特殊的函数,可以让你在函数组件中使用类组件中才有的一些特性。useState、useEffect、useReducer都是Hook。其中useState用于在函数组件中添加状态,useEffect用于在函数组件中执行副作用,而useReducer则是useState的加强版。在 React 中,“副作用”(side effect)通常指的是那些在组件渲染之外发生的操作,即那些不直接参与 UI 渲染的行为。原创 2024-07-27 22:25:43 · 839 阅读 · 0 评论 -
react的解构赋值
我的感觉,react开发效率不高。这当然应该是我还不熟悉react的缘故。但是,在阅读react代码过程中,其中一个容易困惑的地方是它到处充斥着的解构赋值。当然了,解构赋值并不是React特有的功能,而是ES6(ECMAScript 2015)引入到JavaScript中的语言特性。但是,这难道不是json对象的定义模式吗,怎么在这里变成了赋值,并且是将左边的东西赋给右边的?只能说这种赋值,忽左忽右,神鬼莫测。简则简矣,可读则未必。据说解构赋值简化了语言,使得代码更具可读性云云。哦,这是解构赋值,相当于。原创 2024-07-13 20:22:07 · 426 阅读 · 0 评论 -
react使用OpenLayers实现类似船某网在地图放大时展示具体船舶符号缩小时显示聚合小点效果
如图所示,地图缩小(即比例尺放大)时,显示聚合小绿点;原创 2024-06-19 19:52:41 · 600 阅读 · 6 评论 -
react小记
折腾。这2天弄了一下react,觉得比较绕,记录一下。1、控件嵌套自定义控件内部再嵌套其他控件。主要是外层这个控件,代码里要处理一下,将嵌套在自己里面的控件或内容展示出来。比如:const b1 = { height: '400px',}const sb1 = JSON.stringify(b1)。。。<Block title="备案申请" style={sb1}> <Button type="primary"> 太空飞船租赁业务备案原创 2021-12-31 19:12:06 · 724 阅读 · 0 评论 -
vscode左边文件树增加层次缩进
vscode据说功能很强大,继承了微软系宇宙级IDE的优良传统。我用了几下,觉得很抵触,原因是它左边的文件树控件,子层的缩进太小了,父子之间的层次很不明显。现在的vue、react,各种文件类型搞得十分复杂,对于一个初学者来说,用vscode来打开这些项目,极不友好,一眼看过去,各种文件,密密麻麻,脑袋顿时“嗡”一声。可以比较一下:微软向来以产品亲和力强,傻瓜式操作而著称,但自从被不靠谱的印度人接管以后,产品也变得不靠谱起来,像WIN10,这个VSCODE,好像都被驴子踢过,恒河水祝福过一样。不过,原创 2021-06-05 11:37:02 · 3447 阅读 · 3 评论 -
react获取并设置虚拟DOM
react,这就开始了。react的一个特点,就是所谓虚拟dom。虚拟者,就是只存在于逻辑运算中,物理并不存在。因此,想获取或者设置dom,用以前的document.getElementById()之类的方法是不行的。应该用ref。有代码有真相/** * 跳到网站前端 */ import React, { Component } from 'react'; import ReactDOM from 'react-dom'; import styles from './index.less';原创 2021-03-19 14:25:13 · 794 阅读 · 2 评论