第一次写react项目,也是第一次使用antd组件库。对新手(我本人)体验感不算好,甚至有些糟糕。不过问题总算曲折费时的解决了,特此记录一下。如果大家有更好的解决方案,也欢迎评论指教。1.form-item中使用多个组件(如Select)form-item无法正确接收组件返回的值。解决方法:利用useState,建立相关变量,最后赋值到form的values对象中。(吐槽一下,Select组件居然
Ant Design Form组件 resetFields() 与 setFieldsValue() 之比较关键词:React,Ant Design,Form组件,组件渲染一、问题描述Form 表单中有一个自定义的子组件,当From表单在关闭、重置或取消时候,子组件都会重新渲染,会重新向后端二次请求数据,影响服务性能。二、问题分析一开始,我以为是子组件的props或state改变了,导致的重新渲染
转载 2024-08-15 18:28:34
68阅读
2021SC@SDUSCAutoComplete自动完成用法: • 需要一个输入框而不是选择器。 • 需要输入建议/辅助提示。 和 Select 的区别是: • AutoComplete 是一个带提示的文本输入框,用户可以自由输入,关键词是辅助输入。 Select 是在限定的可选项中进行选择,关键词是选择。API参数说明类型默认值版本allowClear支持清除booleanfalseautoFo
转载 2024-03-21 14:33:39
123阅读
ANT是集软件测试、编译、打包、部署等自动化构建工具,是Apache软件基金会JAKARTA目录中的一个子项目,具有以下优点:跨平台性ANT是由Java语言编写,具有很好的跨平台性。操作简单Ant由一个默认任务和若干可选任务构成,运行时需要一个xml的构建文件,默认为build.xml。构建文件(build.xml)由一个project构成,project又由多个target组成,每个target
转载 7月前
32阅读
vue antd的menu组件使用实现效果记录实现的主要几步1、数据处理2、布局3、功能实现,搜索标题则当前菜单高亮,右侧则显示对应的内容用到menu菜单时,需要注意它的api右侧显示content内容 实现效果 注:我这里的输入框,搜索的时候是只支持搜索标题,支持模糊搜索记录实现的主要几步1、数据处理在写静态页面的时候需要写假数据,会与后台沟通,这个地方菜单后期会返回什么样的数据结构,有的后台
转载 2024-10-07 09:26:33
85阅读
最近刚重装了下windows7系统,后来发现很多更新失败,功能使用异常的问题,然后在网上找了找答案,发现碰到这样问题的人还真的是非常的多,但却没有一个完整的可靠解决方案,说白了,网上的都是复制粘贴,没有专业人士出来说说话,搞得我这个做安卓开发的人不得不去花点心思去研究下微软的系统了。说实话,电脑出问题对人的时间和经济损失还真的是很大的。首先,说说怎么激活吧,我这里不提供什么软件,因为网上都有,只是
转载 9月前
17阅读
一、项目工程化概念  二、BaseForm的封装城市管理中FilterForm子组件:订单管理中FilterForm子组件:员工管理中FilterForm子组件:【项目工程化】:表单封装components->BaseForm->index.js关键:抽象出formList,根据formList中的item.type判断要渲染的AnTD表单类型 const form
转载 2024-07-19 15:19:59
156阅读
一、react antd表格td内容过长显示三个点一、问题描述表格过td内容过长,想要显示三个点。因为过长会换行导致,表格很不好看。 想要实现的效果,这样不影响象美观。 二、实现步骤import React, { Component } from 'react'; import { Table, Input, TreeSelect,Tooltip } from 'antd';
问题描述:antd表格固定后出现对不齐的现象,比如设置了fixed。如下图这个是官方的bug,在后续版本修复了 在3.26.1里修复了。 antd表格固定列对不齐现象https://github.com/ant-design/ant-design/issues/19952解决方案:1.升级版本(方案一)但对于老项目,升级成本高或者暂时无法升级的就只能用样式强行控制了2.样式控制
转载 2024-03-18 13:34:29
2651阅读
一、概述TinyMCE是一款易用、且功能强大的所见即所得的富文本编辑器。同类程序有:UEditor、Kindeditor、Simditor、CKEditor、wangEditor、Suneditor、froala等等。TinyMCE的优势:开源可商用,基于LGPL2.1插件丰富,自带插件基本涵盖日常所需功能(示例看下面的Demo-2)接口丰富,可扩展性强,有能力可以无限拓展功能界面好看,符合现代审
转载 9月前
73阅读
前言:因为我是半途接手,之前的前端已经做了一部分,所以有些东西是二次修改,代码冗余之类的请勿在意(功能实现就好),只是一个小总结,有空优化~效果:  基本功能:左侧定位栏(大类),中间checkbox.group用来选择,右侧展示已选择的数据&&排序&删除功能,上面搜索列 首先我们需要的数据先定义一下: state: ProState
转载 2024-05-07 18:22:10
152阅读
既然集合很常用,那么肯定就会有相应的工具类,可以直接使用,就不用那么累了,对吧,哈哈。集合也有自己的工具类,那就是:Collections。看清楚,这是带有s的,不是Collection接口。既然是工具类,那么就来看看这个工具类里面有什么方法是我们经常用到的?接下来就来看一下上面的方法怎么用?1、排序这是最基本的排序方式,也就是自然排序,我们也可以传入一个自定义的Comparator 对其进行排序
EditCell.js: import React, { useState, useEffect, useRef } from 'react' import { Popover, Input, Form, Button } from 'antd' import Icon from './Icon'
原创 2024-04-28 14:00:00
991阅读
EditCell.js:import React, { useState, useEffect, useRef } from 'react'import { Popover, Input, Form, Button } from 'antd'import Icon from '.
原创 2022-06-30 17:56:30
1382阅读
一、React 结合 Antd 实现表格的渲染、新增、修改和删除引入所需相关的组件和文件,代码如下所示:import React, { Component } from 'react' import { Card, Button, Table, Modal, message } from 'antd' import LinkButton from '../../components/linkBut
React结合antd实现表格的增删改查前言1. 使用axios读取数据2. 新增数据3. 删除数据4. 修改数据5. 查询数据完整代码效果图示参考资料 前言初次接触react,通过学习react官方文档、学习B站上“张sir手摸手带你学前端”这位老师的视频,采用 React + Antd + JavaScript + axios ,终于完成了简单Table的增删改查功能新建一个 CRUDDem
排列所谓排列组合,排列在组合之前,咱们要聊的第一个概念是“排列”,排列的英文是 Permutation 或者 Arrangement,因此在数学符号中,用 P 或者 A 表示都可以,二者意思完全一样。我们常见的 P 右边会跟两个数字(或字母),右下角的数字 n 表示总数,右上角的数字 m 表示抽出的个数。整个符号的意思是“从 n 个人中,有顺序地抽出 m 个人的抽法数”,可以读作“P n 抽 m”
问题描述    今天测试人员提了一个易用性的BUG,主要是说系统目前使用的树型控件不支持自动扩张列的宽度。其实客户那边已经对这个问题提了多次,不过由于对WPF只是入门级,所以一直都没改。这两天项目比较闲,就花了些时间把这个问题改了。原问题如下: 图1 问题描述 背景    树型控件在GIX4系统中已经被大量使用。这个控
转载 2024-09-11 15:06:28
55阅读
1. 给table加边框table{ border-collapse: collapse; /*表格的边框合并为一个单一的边框*/ } table, table tr th, table tr td { border:1px solid #ccc; }还有种傻傻的方法:table{ border-top:1px solid #ccc; border-left:1px solid
转载 2024-10-17 18:49:45
105阅读
如题,在你平常开发中,你设置css颜色的方式有哪些?作为一名前端开发,比如你写业务组件的时候,可能会涉及到css颜色属性的设置,那你更偏向于哪种呢。编者导语颜色在网页中起着至关重要的作用。在 CSS 中,我们使用 RGB、Hex 和 HSL 等方法来定义颜色。在本文中,我讨论了用于在 CSS 中设置颜色属性的主要三种方法、它们的区别、它们的优缺点,以及可用于在 CSS 中定义颜色属性的其他替代方法
  • 1
  • 2
  • 3
  • 4
  • 5