React小记第10页

useState与useReducer为什么返回一个数组，而不是一个对象

import{useState,useReducer,useEffect}from"react";functionFunctionComponent(){const[count,setCount]=useState

_处女座程序员的日常·2024-03-18 21:32

React核心⼊⻔-lesson1

自学React从入门到精通，从使用到写源码React⼊⻔课堂⽬标资源起步⽂件结构⽂件结构⼀览React和ReactDomJSX使⽤JSX组件组件的两种形式class组件function组件组件状态管理类组件中的状态管理函数组件中的状态管理事件处理组件通信

IT帮·2024-03-18 20:31

React 测试库 - API

ReactTestingLibrary也会重新导出DOMTestingLibrary中的所有内容如以下方法：renderfunctionrender(ui:React.ReactElement,options

liangshanbo1215·2024-03-18 15:55

uniapp实现点击标签文本域中显示标签内容

文本域中出现标签的内容③.点击标签右上角的删除可删掉标签，同时清除文本域中标签的内容④.可输入内容，切换时不影响输入的内容使用的是uniapp+vue3+uVieww-plus代码：提交import{reactive

佩淇呢·2024-03-17 18:27

react可视化编辑器第一章拖拽

效果：实现可视化编辑器，第一步难点是拖拽提示：链接和图片默认是可拖动的，不需要draggable属性。在拖放操作的不同阶段使用并可能发生许多事件属性：在可拖动目标上触发的事件（源元素）：ondragstart-当用户开始拖动元素时触发ondrag-拖动元素时触发ondragend-在用户完成拖动元素时触发在放置目标上触发的事件：ondragenter-当被拖动的元素进入放置目标时触发ondrago

zhooson·2024-03-17 13:49

【Docker】Jaeger 容器化部署

其前端采用React语言实现，后端采用GO语言实现，适用于进行链路追踪，分布式跟踪消息传递，分布式事务监控、问题分析、服务依赖性分析、性能优化等场景。快速运行docker

轻云UC·2024-03-17 08:14

客户端渲染与服务端渲染（2）

客户端渲染即普通的React项目渲染方式。

程序员榕叔·2024-03-17 00:02

react native使用TS实现路由

一、入口文件app.jsx的配置入口文件最好还是要保留jsximport{NavigationContainer}from'@react-navigation/native';import{navigationRef

前方路远·2024-03-16 21:59

Jmeter入参问题小记

表单入参的时候，这个地方需要勾选，如果不☑️选的话，会提示errorMsg":"RequiredStringparameter'code'isnotpresent",

天地沧海·2024-03-16 17:55

基于ElasticSearch存储海量AIS数据-架构设计篇

文章目录引言I背景II数据集群架构选型2.1关键点2.2架构设计2.3数据迁移工具:Canal关键词：时空索引；船舶自动识别系统；轨迹压缩；数据集群引言船舶自动识别系统(AIS)数据具有海量性、时空性和小记录频繁更新等特性

iOS逆向·2024-03-15 23:58

Spring Data访问Elasticsearch（一）----Elasticsearch客户端

SpringData访问Elasticsearch（一）----Elasticsearch客户端一、命令式Rest客户端二、反应式（Reactive）Rest客户端三、客户端配置3.1客户端配置回调3.1.1

85程序员老王·2024-03-15 21:55

什么是单向数据流

单向数据流是一种数据流动的模式，通常用于前端框架（如React、Vue等）中。在单向数据流中，数据只能从一个方向流向另一个方向，不会出现数据的双向流动。

嘘~！·2024-03-15 05:01

react recharts饼图及配置项

：指定饼图的数据和样式。data：设置图表使用的数据数组。dataKey：指定用于饼图切片面积计算的数据字段。nameKey：指定用于显示在图例和提示框中的数据字段。cx和cy：设置饼图中心的位置。outerRadius：设置饼图的外半径。fill：设置饼图的颜色。label：设置是否显示切片标签。：为每个切片设置自定义颜色。可以根据需要为每个数据项选择不同的颜色。：设置图例的样式和位置。：设置鼠

代码真的养发·2024-03-14 21:51

react实现表格多条件搜索

创建一个React组件来渲染表格及搜索功能。可以使用函数式组件或者类组件。在组件的状态中定义搜索条件的值。可以使用useState钩子函数来定义和更新搜索条件的状态。

代码真的养发·2024-03-14 21:20

React中函数组件和类组件的区别：

1，函数组件和类组件的区别：语法上的区别：函数式组件是一个纯函数，它是需要接受props参数并且返回一个React元素就可以了。

一蓑烟雨，一任平生·2024-03-14 18:46

vue 3 CDN 模版代码

Document***const{createApp,ref,reactive,watch,computed}=VueconstApp={setup(){conststate=reactive({status

xiaofei0627·2024-03-14 17:14

react父组件调用子组件的方法

如果你使用的是函数式组件，可以使用ReactHooks来实现父组件调用子组件的方法。具体步骤如下：在子组件中使用useImperativeHandle()Hook，将子组件的方法暴露给父组件。

BBbila·2024-03-12 21:42

Vue项目中使用Mock.js进行API模拟

技能清单编程语言：Java、C、C++、Python、Go、前端技术：Jquery、Vue.js、React、uni-app、EchartsUI设计:Element-ui、Antd、Color-ui后端技术

洛可可白·2024-03-12 19:10

【 React 】对React Router的理解？常用的Router 组件有哪些

1react-router是什么react-router等前端路由的原理大致相同，可以实现无刷新的条件下切换显示不同的页面路由的本质就是页面的URL发生改变时，页面的显示结果可以根据URL的变化而变化，

前端小超人rui·2024-03-12 17:36

day53（reactJS）

reactJS框架的介绍1.React框架的建造原因2.该框架解决了什么问题3.该框架有哪些特点4.该框架如何解决问题5.该框架和传统MVC的关系6.该框架的使用步骤7.React项目的主要部分8.类组件相关

李中豪前端大佬·2024-03-11 20:36

【 React 】super()和super(props)有什么区别

前端小超人rui·2024-03-11 15:15

一天小记

今天我们语文学习了第八课静夜思，老师让我们记了笔记。数学学习了比较大小，老师还让我做了黑板上的练习题。今天我们还上了围棋课，我们围棋比赛了。我今天赢了，我很高兴。

李嘉琦同学·2024-03-11 14:22

vue3速查笔记

文章目录一、创建Vue3.0工程1.使用vue-cli创建2.使用vite创建二、常用CompositionAPI1.拉开序幕的setup2.ref函数3.reactive函数4.Vue3.0中的响应式原理

一只小白菜~·2024-03-11 12:40

ReactNative项目升级Gradle

1、在Gradle下载网站找到需要的版本地址2、修改android根目录文件：gradle/wrapper/gradle-wrapper.properties，将distributionUrl属性修改为1中找到的地址3、找到根目录build.gradle文件，修改classpath，调整android插件版本，具体对应版本如下：插件版本所需的Gradle版本1.0.0-1.1.32.2.1-2.3

fbean·2024-03-10 09:05

vue3学习(更新中)

目录创建一个vue应用编写APP组件main.tsAPP.vuesetupref和reactiverefreactive创建一个vue应用npmcreatevue@latest编写APP组件main.tsimport

倒霉娃不要倒霉·2024-03-09 17:17

day56（reactJS）受控组件以及高阶组件

1.受控组件是指value值受到React组件状态控制的表单元素2.非受控组件：HTML中的表单元素是可输入的，也就是有自己的可变状态,但是默认表单元素的值不受所在组件state控制,也就是表单元素所在组件无法实时获取最新的表单元素值

李中豪前端大佬·2024-03-09 16:15

实现mini vuex

import{inject,reactive,computed}from"vue";constSTORE_KEY="__store__";functionuseStore(){returninject(

A 风·2024-03-09 10:06

react vue 背景挂载机器

问题：项目当中我们有的时候会遇到多个背景图片在一个地方展示的问题当时项目比较急没有时间做工具函数，被团队优化以后有，时间进行工具函数编写技术：插槽，和css背景这个还不是最终的状态背景定位还有两个属性子组件//positioning:{left:{direction:"center"},right:{direction:"cneter"}constBackgroundMounter=(props)

卑微的雨落·2024-03-09 09:05

react hook: useInsertionEffect

除非你正在使用CSS-in-JS库（Styled-Components、Emotion、JSS(JSSforReact)、Glamorous、Radium）并且需要注入样式，否则你应该使用useEffect

小强有个dream·2024-03-09 02:27

React.FC详细解说

React.FC是React的一个泛型类型，用于在TypeScript中定义函数组件的类型。FC是FunctionComponent（函数组件）的缩写。

数字化信息化智能化解决方案·2024-03-09 02:56

react hook:useMemo

useMemo在每次重新渲染的时候能够缓存计算的结果。在初次渲染时，useMemo返回调用calculateValue的结果。在接下来的渲染中，如果依赖项没有发生改变，它将返回上次缓存的值；否则将再次调用calculateValue，并返回最新结果。尽管在某些情况下您可以不使用它，但对于需要进行昂贵的计算或处理大量数据的情况，使用useMemo是非常有益的。calculateValue：要缓存计算

小强有个dream·2024-03-08 23:51

莫斯科特列季亚科夫斯基画廊观看小记

图片发自App图片发自App图片发自App图片发自App图片发自App图片发自App图片发自App

一個人的大沙·2024-03-08 22:09

Android程序员的Java后台学习建议

作为一个原生Android开发，一路走来经历了Java、Kotlin的洗礼；在“原生要凉”的氛围下学习Cordova、ReactNative、Weex、Flutter等跨平台框架；之后又在“大前端”的口号下延伸到

Androidgiao·2024-03-08 14:37

Superset二次开发之Superset架构理解

技术框架框架作用前端React构建用户界面的JavaScript库ReduxJavaScript应用的状态管理库，管理组件间的状态共享Webpack前端资源打包工具BabelJavaScript编译器D3

aimmon·2024-03-08 11:35

介绍Node.js+Electron框架下和常用（HID 串口 BLE）硬件通信方法

可以内嵌reactvue等前端框架，直接将web页面转换成桌面客户端程序。Electron|使用JavaScr

古木12345·2024-03-08 03:55

React 第七章 Hooks

Hooks基本介绍Hook是React16.8的新增特性。它可以让你在不编写class的情况下使用state以及其他的React特性。

静水流深，沧海一粟·2024-03-07 18:13

react-table,react-window,react-virtuoso

react-table:优点：它有一个无头API，可以与React-table无缝协作。高效性能和动态高度。为动态高度提供本机支持，无需手动测量行高。缺点：每次滚动时重新渲染表格组件。

exploration-earth·2024-03-06 09:33

React 模态框的设计（四）状态管理

其实看似简单，其实比较复杂的，react有其天生的缺陷，如何绕开它的缺点，我们就要多思考，把React文档看透才行，多练

码蚁先生·2024-03-05 17:42

React中setState的异步与合并

场景一importReactfrom'react';classMyAppextendsReact.Component{constructor(props){super(props);this.state

要努力_·2024-03-05 16:11

ref 和 reactive 区别?

相同点：ref对象和reactive对象在模板中使用的时候，都直接去修改属性即可(ref对象在模板中不用.value)不同点：1.ref可以包裹基本数据类型，reactive不可以2.当ref包裹一个对象的时候

「已注销」·2024-03-05 09:31

react面试题

react面试题1、什么时候使用状态管理器?

SZnA1·2024-03-04 15:07

Vue/React 前端高频面试

说一说vue钩子函数钩子函数是Vue实例创建和销毁过程中自动执行的函数。按照组件生命周期的过程分为：挂载阶段->更新阶段->销毁阶段。每个阶段对应的钩子函数分别为：挂载阶段（beforeCreate，created，beforeMounted，mounted）、更新阶段（beforeUpdate，updated）、销毁阶段（beforeDestroy，destroyed）完整的父子组件生命周期执行

王哈哈的学习笔记·2024-03-04 09:00

木棉小记

木棉（其花称木棉花，别名英雄花）是南方的特产，落叶大乔木，高可达33米。树干直立有明显瘤刺，掌状复叶互生，叶柄很长；早春先落叶后开花，花簇生于枝端，花冠红色或橙红色，直径约12cm，花瓣有5瓣，肉质，椭圆状倒卵形，长约9cm，外弯，边缘内卷，两面均被星状柔毛;雄蕊多数，合生成管，排成3轮，最外轮集生为5束；蒴果甚大，木质，呈长圆形，可达15cm，成熟后会自动裂开，里头充满了棉絮，棉毛可做枕头、棉被

不倒翁9000·2024-03-04 02:39

Astro + NextUI 搭建个人博客（导航组件篇）

于是我接触到了Astro这个框架，它厉害的是不与任何前端框架进行强行绑定，比如Nextjs是与React强绑定的，

·2024-03-04 00:18

【React架构 - Scheduler中的MessageChannel】

前序我们都知道JS代码是在浏览器5个进程(下面有介绍)中渲染进程中的Js引擎线程执行的，其他还有GUI渲染线程、定时器线程等，而页面的布局和绘制是在GUI线程中完成的，这些线程之间是互斥的，所以在执行Js的同时会阻塞页面的渲染绘制。60帧我们是认识标准帧率，所以我们本文都是以60帧来进行说明，即16ms。所以我们需要在16ms之内完成Js解析执行、样式布局、页面绘制这三个步骤，如果Js执行太长时间

weixin_44273311·2024-03-03 17:39

react + umi中如何使用rem完成自适应布局

只要写css就可以实现：flex+rem布局；在项目的global.less中根据媒体查询；媒体查询是用于根据设备的特性（如屏幕尺寸、屏幕方向、分辨率等）来应用不同的CSS样式的技术。以下是一些常用的媒体查询尺寸：小屏幕设备（手机）：最大宽度为576px：@media(max-width:576px){...}中等屏幕设备（平板）：最小宽度为576px：@media(min-width:576px

左&耳·2024-03-03 04:22

《明天是猪日》｜你有没有试着让孩子当回小记者？

继续日更挑战，这是日更第2篇。适读人群：6-9岁共读绘本：「晴天下猪系列」之《明天是猪日》「晴天下猪系列」是矢玉四郎的代表作品，它是日本儿童文学荒诞故事经典中的经典，畅销了36年，展示了矢玉四郎不可思议的想象力。我会按照每天一本的进度，从成人角度来聊聊从书中得到的心得。今天聊第二本《明天是猪日》。往期文章请戳：001｜《晴天有时下猪》｜你有没有写过「明天」的日记？在这个《明天是猪日》的故事里，小学

Para的藏金阁·2024-03-02 16:24

浮木云随笔小记（8）---模块设计统计

在SaaS系统中，统计模块是非常重要的一个功能。对于C端产品，可能会展示用户个人使用数据，比如Keep中的锻炼时长统计。虽然这些数据只是供用户了解自己的使用情况，并非必需。然而，在B端的SaaS系统中，由于用户众多且业务复杂，公司管理层需要查看全公司数据和员工绩效情况。因此，SaaS系统必须具备独立的统计模块，以方便管理人员查看系统数据。那么作为产品经理，又该如何对统计模块进行设计呢？怎么设计才会

·2024-03-02 05:22

react组件间通讯方式（组件传值）

组件间传值有多种方式，包括使用props、ContextAPI、回调函数、自定义Hook、事件总线等。下面我将逐一介绍这些传值方式：一、props传值（父给子传）1、最常见的方式是通过props将数据从父组件传递给子组件。2、在父组件中通过JSX的属性形式将数据传递给子组件。//ParentComponent.js（父组件）importChildComponentfrom'./ChildCompo

秃头的小毛驴·2024-02-29 21:03

vue、react和小程序的状态管理

vue2的状态管理vuexvuex官网：https://vuex.vuejs.org/vuex安装在vue2中使用vuex的3版本：npmivuex@3在vue3中使用vuex的4版本：npmivuex@4vuex全局配置使用导出vuex的状态配置:index.jsimportVuefrom'vue'importVuexfrom'vuex'exportdefaultnewVuex.store({a

LLLuckyGirl~·2024-02-29 19:30

推荐频道

React小记