composable component context 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 { ......
文字 动画 间歇 纵向 横向

使用React构造前端应用

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

docker compose 方式再次部署kodbox 可道云 nas服务

本次docker compsoe 方式部署的可道云使用三个服务 话不多说先上docker-compose.yml,着急的直接docker compose up -d运行 version: '3.5' services: db: image: mariadb command: --transactio ......
再次 compose 方式 docker kodbox

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

PHP Composer依赖包vendor手动导入

第一步:将下载的依赖包放到vendor目录下 将下载的依赖包梵高 vendor目录下 第二步:修改 autoload_psr4.php 文件 文件位置位于:vendor/composer/autoload_psr4.php 将自己的依赖包填写上去,如下: 假设加载的命名空间为:AlibabaClou ......
手动 Composer vendor PHP

docker-compose固定网段设置

docker-compose在使用的时候,经常是多个docker组了个内网。而如果不指定内网地址的话,很容易和线下的网段冲突,会造成虽说外部IP和端口都映射好了,但是就是公网无法访问的情况。 解决方案: docker-compose.yml里面,指定network网段。 networks: seaf ......
网段 docker-compose compose docker

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

docker-compose的nginx更换完ssl证书不起作用的完美解决方法

​以Harbor为例,ssl证书更新后,docker-compose启动不起作用。 问题出在一句很重要的命令:./prepare 步骤:(Harbor样例) 1. cd /data/ssl 换ssl证书 Harbor.yml ssl证书部分: # Configuration file of Harb ......
docker-compose 证书 作用 compose 方法

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

docker compose 容器编排

Docker compose 编排 docker compose的安装 如果你之前的harbor能够顺利搭建起来的话,那么这一步你是不用做的 docker compose 文件格式 docker compose 使用的是yaml格式,yaml格式使用缩进来控制层级,这个可以自行查询一下yaml语法 ......
容器 compose docker

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

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

docker compose一键部署

1.解压命令rar https://www.cnblogs.com/panbin2006/p/16528600.html 2.安装docker-compose Compose 是用于定义和运行多容器 Docker 应用程序的工具。通过 Compose,您可以使用 YML 文件来配置应用程序需要的所有 ......
compose docker

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

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

docker-compose.yml转换工具--composerize

简介 composerize 是一个 CLI 工具,可以将 docker run 命令转换为 docker-compose 配置清单。 除了 CLI 之外还提供了一个可视化界面,有兴趣可以自己看看 下载 ~]# npm install composerize -g 使用 ~]# composeriz ......

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 ......

[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
共1560篇  :1/52页 首页上一页1下一页尾页