handlechange component function react

2024-01-13 记录react-dnd拖拽组件的用法

开始和移动的下标: drop: (item: { index: number }) => { console.log("开始", item.index,"结束", index); moveRow(item.index, index); }, ......
组件 react-dnd react 2024 dnd

2024-01-13 react 监听上一页返回

import React, { useEffect } from 'react'; import { useLocation } from 'react-router-dom'; 在return里面写: const location = useLocation(); useEffect(() => ......
react 2024 01 13

2024-01-13 Can't perform a React state update on an unmounted component. This is a no-op, but it indicates a memory leak in your application. ==》引用了未使用的方法导致

react+antd业务代码报错: Can't perform a React state update on an unmounted component. This is a no-op, but it indicates a memory leak in your application. T ......

002*:React状态、属性、传值

1:目录 2:正文 3:引用 ......
属性 状态 React 002

react-native在windows环境搭建并使用脚手架新建工程

截止到2024-1-11,使用的主要软件的版本如下: 软件实体 版本 react-native 0.73.1 react 18.2.0 react-native-cli 2.0.1 Android Studio 2022.3.1 Patch3 Android SDK Android SDK Plat ......
脚手架 react-native windows 环境 native

[Vue warn]: Component provided template option but runtime compilation is not supported in this build of Vue. Configure your bundler to alias "vue" to "vue/dist/vue.esm-bundler.js".

这个警告是因为你提供了一个模板选项(template option),但在当前的Vue构建版本中不支持运行时编译。解决该问题的方法是将你的打包工具配置别名(alias)将 "vue" 指向 "vue/dist/vue.esm-bundler.js"。 具体来说,如果你使用的是Webpack或者vit ......
quot bundler vue compilation esm-bundler

pm2启动react项目总是stopped

执行命令pm2 start --name 服务名 npm -- start 总是不成功status一直显示stopped 使用命令pm2 logs查看日志报错如下 网上查看这篇教程解决问题原文:https://blog.csdn.net/qq_52912134/article/details/127 ......
stopped 项目 react pm2 pm

react 横向文字滚动动画 ,及纵向文字滚动动画带有间歇时间 交替渐变显示文字动画

水平滚动 demo.less #scroll_x { width: 300px; height: 30px; background-color: #ccc; color: green; position: relative; overflow: hidden; } #scroll_x_text { ......
文字 动画 间歇 纵向 横向

koa2 使用koa-body引入报错 koaBody is not a function

改变写法 原写法: const bodyParser = require('koa-body') app.use(bodyParser({ multipart: true })) 修改后 const { koaBody } = require('koa-body'); app.use(koaBody ......
koa function koa-body koaBody koa2

使用React构造前端应用

简单了解React和Node React是一个构建用户界面的JavaScript库,由Facebook开发,很流行,已被广泛使用。React基于组件构建,编写一段代码即可在多处复用,这很有优势。可以创建像 Thumbnail、LikeButton 和 Video 这样的组件,然后将它们组合成整个应用 ......
前端 React

关于函数式接口中常用的Supplier、Consumer、predicate、Function的总结以及其使用场景

首先介绍一下函数式接口:函数式接口在Java中是指:有且仅有一个抽象方法的接口。函数式接口,即适用于函数式编程场景的接口。而Java中的函数式编程体现就是Lambda,所以函数式接口就是可以适用于Lambda使用的接口。只有确保接口中有且仅有一个抽象方法,Java中的Lambda才能顺利地进行推导。 ......
函数 predicate Supplier Consumer Function

关于REACT2024挑战赛

这个挑战赛的任务是:建立一个机器学习模型,在双人交互的背景下,通过说话者的视频、音频、表情等数据,生成听者的面部反应并要保证反应的合理性(FRDist and FRCorr)、多样性(FRVar, FRDiv, and FRDvs)、同步性(FRSyn)、真实性(FRRea)。 ......
挑战赛 REACT 2024

使用nestjs和react快速搭建项目架子

首先搭建前后端的项目架子 搭建nestjs架子 npx @nestjs/cli new 项目名 使用vite搭建一个react+ts的架子,vite地址:https://cn.vitejs.dev/guide/。搭建好后cd到项目中,然后安装依赖,尝试启动。 npm create vite@late ......
架子 项目 nestjs react

使用的antd的pro-table时,遇到了两种引入方法---@ant-design/pro-components和@ant-design/pro-table的区别

两种方式,同时使用的时候,会报错 npm i @ant-design/pro-components 报错 ......
ant-design pro-table design pro table

naming conflicts with other components【vue3】

问题描述: 在vue3中有相同名称的文件时,会报错 [unplugin-vue-components] component "Xxx"(D:/a/b/xxx.vue) has naming conflicts with other components, ignored. 解决方案: 修改vite. ......
components conflicts naming other with

React jsx 语法解析 & 转换原理

jsx介绍 jsx是一种JavaScript的语法扩展(eXtension),也在很多地方称之为JavaScript XML,因为看起就是一段XML语法,用于描述UI界面,并且可以和JavaScript代码结合使用。 比起vue中的模板语法,更加灵活,且不需要学习模板语法中的特定标签,比如:v-if ......
语法 原理 React jsx amp

react学习笔记

一:创建一个react项目 npx create-next-app my-app(项目名称)cd my-appnpm start 二:项目初始化 index.js import React from "react" import ReactDOM from "react-dom" import Ap ......
笔记 react

JavaScirpt | String Function (三)

1.split // split(separator, limit) separator为分隔符;limit为已经有 limit 个元素时停止分割 const str = 'The quick brown fox jumps over the lazy dog.'; const words = st ......
JavaScirpt Function String

react 事件函数中 this 绑定问题

在使用类方式创建组件时,类中定义一个函数,并且绑定到元素的点击事件上,此时这个函数中this指向并不是当前这个组件。 组件代码如下: class App extends React.Component { // 组件数据 constructor() { super() this.state = { ......
函数 事件 问题 react this

Ant Design pro Component 【Schema Form - JSON 表单】依赖与顺序加载问题

记一次项目中遇到的问题,及解决方法. 使用Ant Design pro Component 【Schema Form - JSON 表单】中碰到一个依赖更新 与 首次加载表单数据冲突的问题。 问题是这样的: 表单是通过json配置生成出来的,导入的数据是一次性导入的,但是表单中有配置规则,当依赖项更 ......
表单 Component 顺序 Design Schema

@Repository、@Component、@Service、@Controller之间的区别与联系

@Repository、@Component、@Service、@Controller这些注解使我们开发过程中比较常用的一些注解,今天我们就一起了解一下他们之间的区别与联系。 原文 官网引用: 在Spring2.0之前的版本中,@Repository注解可以标记在任何的类上,用来表明该类是用来执行与 ......

React Native 打包 App 发布 iOS 及加固混淆过程

React Native 打包 App 发布 iOS 及加固混淆过程 摘要 本文将介绍如何使用 React Native 打包并发布 iOS 应用到 App Store,并介绍了如何进行应用的加固和混淆过程。 引言 发布 iOS 应用到 App Store 是一个相对复杂的过程,需要使用 Mac 电 ......
过程 Native React App iOS

将ajax提交数据写到function里时处理返回的数据时无法被return

本来就是想写个函数通过用户ID然后返回用户头像的url数据到是能返回,但是就是不能作为函数的返回值而被返回,后来百度出来了,写文章记录一下(2021-07-15 01:51:23) //通过用户ID获取用户头像 function GetUserIco(id){ var userico = ''; $ ......
数据 function return ajax

C语言implicit declaration of function 警告检查解决方法

1.检查.c文件是否有该函数定义,没有定义的话,那我也不知道你为什么要引用这个函数。 2.检查关联的.h是否有该函数声明,在关联的.h文件声明一下。 3.检查.h文件开头的#ifndef和#define是否和其他.h文件有冲突,全局搜索查一下,一定保证每个.h文件的开头的#ifndef和#defin ......
declaration implicit function 语言 方法

create-react-app react中使用monaco-editor v0.44

在通过create-react-app创建的react应用中使用monaco-editor v0.44 下载包: npm i monaco-editor npm i monaco-editor-webpack-plugin 安装插件: 使用craco自定义webpack配置 npm i craco ......

Recursion Function 递归笔记

目录递归的解释:递归的使用描述递归的使用场景递归的思想 递归的解释: 递归(英语:Recursion),又译为递回, 在数学与计算机科学中,是指在函数的定义中使用函数自身的方法。(本文要讨论的重点) 递归一词还较常用于描述以自相似方法重复事物的过程。(指一种行为) 递归的使用描述 思考下面的blah ......
Recursion Function 笔记

[Vue warn]: onUnmounted is called when there is no active component instance to be associated with

[Vue warn]: onUnmounted is called when there is no active component instance to be associated with. Lifecycle injection APIs can only be used during e ......

react ant-mobile的input组件,使用ref实现失焦方法

// 设置ref<Input ref={inputRef} placeholder='信息保密,仅用于投保' className='pos-app-phone tkzx-rr-block' clearable type='tel' maxLength='11' onChange={(val) => ......
ant-mobile 组件 方法 mobile react

component lists rendered with v-for should have explicit keys.

报错 component lists rendered with v-for should have explicit keys. vue2项目启动告警 告警信息 Module Warning (from ./node_modules/@vue/vue-loader-v15/lib/loaders/ ......
component explicit rendered should lists

react+antd-mobile+vite移动端H5前端项目

React+antd-mobile+vite ($\color{red} {注意:} $)待解决问题 (1)高版本路由第一次切换tab跳路由会出现闪烁,路由切换会延迟导致tab无法触发active(预计和缓存组件不更新路由参数有关) (2)使用ReactDOM.createRoot实例化项目,在结合 ......
前端 antd-mobile 项目 mobile react
共1350篇  :1/45页 首页上一页1下一页尾页