components instances elements 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

element表格table点击行,改变当前行的背景颜色

参考:https://blog.csdn.net/qq_33347991/article/details/129870567 实际应用如下: ......
表格 颜色 背景 element table

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

element el-select value-key 的bug

element-plus value-key不生效,el-eselect tag 不显示,el-select lable不显示,"element-plus": "2.1.8 select bug,下拉选择框,绑定对象不回显。el-select__tags-text 为空,下拉框内tags不显示,内容... ......
el-select value-key element select value

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

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

使用React构造前端应用

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

关于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

Introduction to Finite Element Method (FEM) for Beginners

https://www.youtube.com/watch?v=C6X9Ry02mPU&ab_channel=SolidMechanicsClassroom ......
Introduction Beginners Element Finite Method

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

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

vue3 + element-plus 的 upload + axios + django 文件上传并保存

之前在网上搜了好多教程,一直没有找到合适自己的,要么只有前端部分没有后端,要么就是写的不是很明白。所以还得靠自己摸索出来后,来此记录一下整个过程。 其实就是不要用默认的 action,要手动实现上传方式 http-request,然后再传给后端进行各种操作了 这里隐藏了文件展示列表 展示了上传文件的 ......
element-plus element 文件 django upload

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

Element Ui 的表单验证

一、简介 二、过程 三、问题 一、简介 element ui基于 Vue 3,面向设计师和开发者的组件库,很好用 本文介绍有关表单验证的相关的内容。 参考至: 去看看 二、过程 1.使用 1.1 在form 里面加上rule <el-form ref="loginForm" :model="logi ......
表单 Element Ui

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

vue3版本下element-plus和antd-vue选哪个更好一些?

Vue 3 发布后,各家第三方库开始陆续重构并支持 Vue 3 ,国内两大知名框架 Element Plus 和 Ant Design Vue 也相续发布新版支持 Vue 3。到底应该怎么选择呢? Element Plus 和 Ant Design Vue 3 都已不在支持 IE 了,并不是他们自己 ......
element-plus vue antd-vue element 版本

elementui(element-plus)中el-alert实现换行的方法

elementui(element-plus)中el-alert实现换行的方法 <el-alert title="说明:" type="warning" show-icon> <div>1、账号跟密码卡不能重复</div> <div >2、密码长度必须超过10位数</div> </el-alert> ......

element表格合并单元格+上移下移

// template <el-table :data="tableData" :span-method="tableSpanMethod" size="small" border style="width: 100%"> <el-table-column label="排序" align="cen ......
表格 单元 element

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

Vue3 使用Element-plus table 显示一行 需要内嵌多行数据

一、背景 业务需求 需要这种 二、实现 `` 点击查看代码 <el-table ref="singleTableRef" highlight-current-row border :data="state.personData" class="data-table" max-height="600" ......
Element-plus 一行 Element 数据 table

《An End-to-end Model for Entity-level Relation Extraction using Multi-instance Learning》阅读笔记

代码 原文地址 预备知识: 1.什么是MIL? 多示例学习(MIL)是一种机器学习的方法,它的特点是每个训练数据不是一个单独的实例,而是一个包含多个实例的集合(称为包)。每个包有一个标签,但是包中的实例没有标签。MIL的目的是根据包的标签来学习实例的特征和分类规则,或者根据实例的特征来预测包的标签。 ......

@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

饿了么组件上传图片 element-ui upload Cannot set property ‘status‘ of null错误解决方案

element-ui upload Cannot set property ‘status‘ of null错误解决方案:https://blog.csdn.net/a1455990364/article/details/109227132?spm=1001.2101.3001.6650.8&utm ......
共1770篇  :1/59页 首页上一页1下一页尾页