element invalid react type
使用hook封装表格常用功能（react）
实现内容 配置分页：usePagination 生成过滤项：useFilter 获取表格选择配置：useSelect 生成批量删除按钮：useDelete 生成模态框：useModal 示例 render部分： <React.Fragment> <Form layout="inline"> {Del ......
react 文件选择器
export type FileSelectorType = { emit: boolean; type: "file" | "dir"; callBack: (path: string, fileList: FileList) => void; }; export const FileSelect ......
Content-Type常见类型
什么是Content-Type？Content-Type是HTTP协议中的一个头部字段，用于指示请求或响应中所传输的实体的媒体类型。 为什么使用Content-Type？使用Content-Type可以告知接收方如何解析和处理传输的数据，确保数据能够正确地被解析和处理。 Content-Type有哪 ......
Failed to convert value of type 'java.lang.String' to required type 'java.lang.Long'; nested exception is java.lang.NumberFormatException: For input string: "getSysTenantNames"
我测试的是一个接口 接口里面没有任何参数 怎么会报参数类型转换错误呢 mad !!!!! 第二个接口 就很蒙 测了好久都是这个问题 而且你打debug 它不进这个接口并且 你执行其他写好的接口 它还是会报同样的错 。。。。。。。。。。。。。。 其实就是你代码的位置写错了 应该写在pc端的 你把代码写 ......
SpringBoot：整合前端(Vue、React)代码合并SpringBoot项目中打成war包运行
获取前端dist包 前端的dist包就是通过 npm run build 命令生成的包，生成的包结构如下 合并到static文件夹 打开SpringBoot项目 -> resources -> 创建 static 文件夹 将前端dist包内的文件复制到static文件夹内 引入 freemarker ......
【 react 】《 React实现图片比对效果 》
这里使用 img-comparison-slider 组件进行实现，官网地址如下 https://img-comparison-slider.sneas.io/examples.html#always-show 实现效果 拖动中间分割线来切换展示旧图片与新图片 安装组件 ## 安装组件 npm in ......
Uncaught SyntaxError: Invalid or unexpected token
Uncaught SyntaxError: Invalid or unexpected token JS 替换空格 发现患者姓名里有空格，导致转JSON的时候，多了"号， 在JavaScript中，你可以使用 replace() 函数来替换字符串中的特定字符或模式。如果你想替换字符串中的空格，你可以 ......
前端发送请求的时候 Content-Type 内容分类， django后端分别怎么接收
前端发送请求时，常见的 Content-Type 内容类型包括： application/x-www-form-urlencoded 这是最常见的内容类型，用于发送键值对形式的数据。数据被编码为 URL 查询字符串格式。 Django 后端可以通过 request.POST 来接收这些参数。 mul ......
使用Element.animate()实现动画
Element.animate()实现 <div id="app"> <button @click="startAmi">开始</button> <p>{{msg}}</p> </div> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue. ......
vue-element-admin-master 代码解释 带注释——main.js
// 引入vue import Vue from 'vue' // 映入js-cookie // 是用来操作cookie 后端返回的token就存储在cookie中 import Cookies from 'js-cookie' // 引入重置样式 import 'normalize.css/nor ......
nested exception is org.apache.ibatis.type.TypeException: Could not set parameters for mapping: ParameterMapping{property='name
org.mybatis.spring.MyBatisSystemException: nested exception is org.apache.ibatis.type.TypeException: Could not set parameters for mapping: ParameterMa ......
React 页面崩溃问题
今天遇到一个页面崩溃问题，很神奇的是初始化打开的时候会崩溃，但是切到其他内容，再切回来又好了 因为 React 是 prod 的版本，所以报错其实没卵用，最后定位到这个代码上： 尝试了下，一个组件，return null 或者 return false 都是 work 的，但是 return und ......
【HMS Core】{"sub_error":20003,"error_description":"parameter invalid","error":1101}
【问题描述】 离线推送服务端报错 {"sub_error":20003,"error_description":"parameter invalid","error":1101} 【解决方案】 错误码1101代表是client_id在系统中不存在，需要检查一下APPID是否配置正确 ......
React Hook 之 Effect ：同步与外部系统的数据
有时组件中的数据需要与外部系统的数据或操作同步，React提供了Hook Effect。 Effect 会在组件渲染后运行一些代码，以便将组件与 React 之外的某些系统同步，包比如浏览器 API、第三方小部件，以及网络请求等。 如以下的video播放器的简单加载： // 声明 Effect im ......
接口请求响应码415报错信息UNSUPPORTED_MEDIA_TYPE问题记录
场景描述 开发了一个Post类型的接口，在本地用postman测试是没有问题。前端调用返回415 UNSUPPORTED_MEDIA_TYPE。而415 Unsupported Media Type 是一种HTTP 协议的错误状态代码，表示服务器由于不支持其有效载荷的格式，从而拒绝接受客户端的请求后 ......
【教程】React Native 应用中的代码混淆与安全性管理
混淆是指对源代码进行加密、重命名等操作，以增加代码的复杂度，使其难以理解和反编译。 在React Native中，混淆可以通过以下步骤实现： 1. 将JavaScript源代码转换为基于本机平台的二进制代码，可以使用工具如Metro Bundler或babel进行转换。 2. 使用混淆工具，例如 ......
【代码混淆】react-native 代码混淆
【代码混淆】react-native 代码混淆 使用react native开发app，实现代码混淆的操作。 无论是加密还是运行时虚拟机，最后都可以通过执行时调试把代码反向生成出来原来的代码，虽然能抵御低端的黑客攻击，但是对高端黑客却形同虚设。 代码混淆是通过修改源代码结构和变量名，使得代码难以 ......
React拖拽效果实现
基于 React 的拖拽效果 Demo 一个基于 React 的拖拽功能实现的 Demo. 两个关键点 1, draggable 属性 2, drag 事件 draggable 属性 img 标签默认是支持拖拽的, 当时其他 HTML 标签, 想要其拖动的话, 需要为其添加 draggable="t ......
Angular 17+ 高级教程 – Component 组件 の Query Elements
前言 Angular 是 MVVM 框架。 MVVM 的宗旨是 "不要直接操作 DOM"。 在 Component 组件 の Template Binding Syntax 文章中，我们列举了一些常见的 DOM Manipulation。 const element = document.query ......
特殊的bug：element 0 of tensors does not require grad and does not have a grad_fn
很多帖子都说了，设置requires_grad_()就行。 但是我这次遇到的不一样，设置了都不行。 我是这种情况，在前面设置了torch.no_grad():，又在这个的作用域下进行了requires_grad_()，这是不起作用的。 简单版： with torch.no_grad(): model ......
react_hooks系列 useMemo
一、概念和作用 写在函数式组件里的 “函数调用代码”。如果函数式组件重新渲染时，每次都会执行“调用函数的代码”。如果不是必须的，那么就是性能的浪费。useMemo就是解决这个问题的。即：useMemo是防止不必要的的函数调用。 文字描述总是让你很难理解。很抽象。还是要看代码的。 格式：useM ......
Vue3+vite+Pinia+element-plus 换肤+国际化
先上效果： 一：换肤 1:用Pinia 小菠萝做状态管理。 2：根据自己需求写几套主题色（用于后面在html加载对应的主题颜色） 3: 自己写一个切换主题的页面 4：每次进入系统前去pinia里面获取上次选中的主题。如果已经设置 加载已设置过的 在src 下随便建个theme/index.ts 然后 ......
盘点前端的那些Ajax请求：从ES5到React
说起前端开发，Ajax请求是绕不开的技术点。然而，程序语言更新换代越来越快，Ajax请求的方式也是各有不同。 在使用ES5开发的时候，我们还在使用最原始的XMLHttpRequest对象： // createXHR函数，返回浏览器支持的异步请求对象 function createXHR() { if ......
Element UI --Upload组件，上传的文件名后缀重复问题
在使用Element UI 的Upload组件，发现上传的文件名后缀是重复的。（eg. test.pdf.pdf） 在检查了相关组件的使用，没有任何问题，最后发现是windows电脑自动会隐藏文件扩展名，导致用户以为文件没有扩展名，继续修改成带后缀的文件名导致。 可以点击文件--查看--勾选扩展名， ......
ICEE-USB-USB Type-A(Large) 与 Type-B(Micro) 的接线图
一般的排列方式是：红白绿黑从左到右 定义： 红色－ USB，标有－VCC、Power、5V、5VSB字样 绿色－USB数据线（正）－ DP(Data Positive), DATA+、USBD+、USBDT+, PD+、PORT+ 白色－USB数据线（负）－ DN(Data Negative), D ......
of type [class java.lang.String] to [class java.util.Date]
报错：javax.el.ELException: Cannot convert [2023-11-14 22:35:34] of type [class java.lang.String] to [class java.util.Date] 问题分析：相应数据的类型不正确 bean层写的是 ： pr ......
React 基础 —— 各种 hooks 的使用场景
hooks 1. useRef ref 属于组件实例的共享变量（相当于class 组件中的 this.xxx）。直接修改 ref.current 不会触发组件的重渲染。 Caveats ① 常用于事件处理函数中共享与读写 ref import { useRef } from 'react'; exp ......
type定义
# type(变量/数据) #获取变量名或数据值的数据类型 y = 33 #定义变量y的值为33#print(type(y)) #获取变量名的数据类型#print(type(33)) #获取数据值的数据类型y1 = type(y) #定义变量y1的值为type(y)print(y1) #获取变量名y ......