react react-query context query
React Native View 组件的 onLayout 回调函数
View 的布局发生改变的时候会触发 onLayout 函数,可以在布局发生变化的时候执行一些自定义操作,或者动态调整 UI 元素的样式和布局。 import React, { Component } from 'react'; import { View, Text } from 'react-n ......
React 随记
React 没有响应式的概念 useState 的两个功能 提供更新函数 缓存变量 数组或对象必须整体更新 immutable mutable 两个优点useRef 的更新函数不会导致视图刷新 普通变量也可以在视图中显示 但是不会被监听状态的定义需要反向排除考虑 并不是所有视图的需要的数据就定义为状 ......
CF938G Shortest Path Queries
Shortest Path Queries Luogu CF938G 题面翻译 给出一个连通带权无向图,边有边权,要求支持 \(q\) 个操作: \(1\) \(x\) \(y\) \(d\) 在原图中加入一条 \(x\) 到 \(y\) 权值为 \(d\) 的边 \(2\) \(x\) \(y\) ......
React报错:Warning: Invalid hook call. Hooks can only called inside of the body of a function component. This could happen for one of the following reasons: .......
报错截图: 问题可能原因: 我之前是用 npm install,后面有些依赖用的是 cnpm install 解决方法: 用统一的安装方式 删除 node_modules,重新执行 cnpm install 我这里解决问题 ......
react 中国地图
import React, { useEffect, useState, useRef } from "react"; import * as echarts from 'echarts/core' import ReactEchartsCore from 'echarts-for-react/li ......
react使用antd Table单元格中文字超出时省略
实现效果 使用antd中的Table,设置固定列宽,当文字超出时省略,先看实现效果: 部分代码 使用ellipsis进行省略,使用Tooltip(引入自antd)展示全部的内容。 const TABLE_COL_WIDTH = 200; const columns = [ { title: '项目名 ......
Spring Boot 2.6.1 nested exception is org.springframework.context.ApplicationContextException: Unable to start ServletWebServerApplicationContext due to missing ServletWebServerFactor
org.springframework.context.ApplicationContextException: Unable to start web server; nested exception is org.springframework.context.ApplicationContex ......
spring xml配置文件之context:annotation-config
我们一般在含有Spring的项目中,可能会看到配置项中包含这个配置节点context:annotation-config。 <?xml version="1.0" encoding="UTF-8"?> <beans xmlns="http://www.springframework.org/sche ......
react+antd 需求demo实现
BoxSelectionComponent.tsx import React, { useState } from 'react'; import { Modal, Button, Table, message } from 'antd'; const BoxSelectionComponent: ......
React Native package.json 控制App的版本号
原文:https://blog.csdn.net/gu1920948999/article/details/117984844 package.json "version": "1.0.0", android配置 android/app/build.gradle import groovy.json ......
react-native 在ios中使用react-native-vector-icons图标
github 地址:https://github.com/oblador/react-native-vector-icons 1.引入 npm install --save react-native-vector-icons ios项目引入 进入node_modules/react-native-v ......
react-native中嵌套的WebView发版后未更新问题
问题 使用了react-native-webview的WebView嵌套h5页面,但是当h5发版之后,重新打开app,h5还是发版前的页面。 并且这个缓存严重,每次都要清理缓存或者重装app,页面不能及时更新,影响用户体验。 解决 rn项目中,在h5链接后边拼接时间戳,代码如下: 注意:这里缓存使用 ......
React-native ios运行报错 No bundle URL present
新建项目报错如下: 需要手动生成ios下的main.jsbundle文件 解决方法: 1、生成main.jsbundle文件,在终端项目目录下执行: react-nativebundle--entry-file index.js--bundle-output./ios/main.jsbundle-- ......
react_hooks系列 useCallback,高阶函数memo
react_hooks的useCallback,高阶函数memo一、概念和作用1、memo高阶函数:memo解决的是函数式组件的无效渲染问题,当函数式组件重新渲染时,会先判断数据是否发生了变化。相当于类组件的PureComponent(默认提供ShouldComponentUpdate) 2、use ......
React Hooks 钩子特性
人在身处逆境时,适应环境的能力实在惊人。人可以忍受不幸,也可以战胜不幸,因为人有着惊人的潜力,只要立志发挥它,就一定能渡过难关。 Hooks 是 React 16.8 的新增特性。它可以让你在不编写 class 组件的情况下使用 state 以及其他的 React 特性。 React Hooks 表 ......
F - Random Update Query
F - Random Update Query Problem Statement You are given an integer sequence $A = (A_1, A_2, \ldots, A_N)$ of length $N$. We will perform the following ......
React 逃离闭包陷阱
众所周知,JavaScript 中的闭包(Closures)一定是这种语言最可怕的特性之一,即使是无所不知的 ChatGPT 也是这样说的。另外它可能也是最隐蔽的语言特性之一,我们在编写 React 代码时经常会用到它,但是大多数时候我们甚至没有意识到这一点。但是,我们终究还是离不开它:如果我们想编 ......
ElasticSearch之Node query cache settings
对于filter查询,ElasticSearch提供了缓存查询结果的特性,当缓存中存在满足查询条件要求的数据时,直接从缓存中提取查询结果。 对于ElasticSearch节点,该节点上的所有shard共享同一个缓存区域。 ElasticSearch基于LRU算法来管理缓存中的数据,当空间不足以承载最 ......
power query索引列、重复列、拆分和提取
power query索引列、重复列、拆分和提取 一、索引列 1、 进入PQ编辑器 2、添加索引列 添加列——索引列——可自定义索引列 二、重复列 功能:数据清洗时想保证数据的完整性,但又需要对某些列进行拆分、提取等操作时,一般先重复想处理的列 1、添加列——选中要重复的列——点击‘重复列’ 三、拆 ......
power query自定义列和条件列
Excel从基础到M函数 Power Query超级整理 建议使用office365 进入PQ:选中表格任意位置——开始——数据——自表格区域——勾选表包含标题——确定——进入PQ编辑器 要使用PQ编辑器,表格只能支持两种格式: 1、公式里设置表格名称(选中表格任意位置——数据——自表格/区域——‘ ......
react设置多个className
react设置多个className 在一个元素上设置样式,有一个固定的样式,然后还有一个使用三元运算符根据条件添加的样式。 1 2 3 4 5 6 比如说有一个固定样式"title": <div className="title">标题</div>, 然后还要一个点击高亮的样式: <div cla ......
react_hooks系列 useEffect
一、作用 可以使得你在函数组件中执行一些带有副作用的方法。 每当 React组件更新之后,就会触发 useEffect,在第一次的render 和每次 update 后的useEffect触发,不用再去考虑“初次挂载”还是“更新”。React 保证了每次运行 effect 的同时,DOM 都已 ......
react_hooks系列 useState
一、作用: useState让函数式组件也可以处理状态。 二、格式: 1、定义状态: const [状态名,更新状态的函数] = React.useState(初始值|函数); 如: 1)、基本类型的状态 声明一个新的叫做 “count” 的 state 变量,初始值为0 。 const [ ......
react-query使用
usequery const { isPending,isLoading, error, data } = useQuery({ //返回当前请求的状态,错误信息,以及返回的数据 queryKey: ['repoData'], //【必填】,自定义查询的键,类型为数组,也可以存放变量,[repoDa ......
【题解】AtCoder abc322_f Random Update Query
传送门:https://atcoder.jp/contests/abc332/tasks/abc332_f 容易发现,对于一个位置 $i$,$A_i$ 的最终值是由对 $i$ 的最后一次赋值操作决定的;因此,将所有操作按时间顺序倒过来考虑,则由第 $j$ 次操作决定 $A_i$ 最终值的概率为"在第 ......
CF1904E Tree Queries
给定一棵 \(n\) 个节点的树与 \(q\) 次询问,每次询问给出一个 \(x\) 与一个大小为 \(k\) 的点集 \(a\),要求求出在删去了 \(a\) 中的点后从 \(x\) 出发的最长简单路径的长度。每次询问独立。 \(n, q, \sum k \le 2 \times 10^5\)。 ......
转换考勤系统中的数据(II)(Power Query)
let 源 = Excel.CurrentWorkbook(){[Name="表1"]}[Content], 添加姓名列 = Table.AddColumn(源, "姓名", each if [列10] = "姓名:" then [列5] & [列11] else null), 姓名列填充 = Ta ......
CodeForces 1902F Trees and XOR Queries Again
洛谷传送门 CF 传送门 如果我们能把 \(x \to y\) 路径上的所有点权插入到线性基,那么可以 \(O(\log V)\) 查询。 但是因为线性基合并只能 \(O(\log^2 V)\)(把一个线性基的所有元素插入到另一个),所以只能倍增做 \(O((n + q) \log n \log^2 ......
React 之 react-router-dom
1、项目初始化 创建项目 npx create-react-app react-router 安装 react-router-dom npm i react-router-dom 2、快速体验 index.js import React from 'react'; import ReactDOM f ......