问题描述： antd Datepicker组件报错 ——date.clone is not a function或者date1.isAfter is not a function 原因分析： 在From中渲染默认值，一般数据请求拿到返回值存在异步，会晚于渲染，因此日期转换不能放在DatePicker 解决方案： 在请求接口拿到返回数据的时候就做转换
## react+antdUI实现动态菜单，记录。 import React, { Component } from 'react'; import { Menu } from 'antd'; const { SubMenu } = Menu; interface Props { } type stateType = { menuList: {}[] } type itemType = { id: '', path: &
好多年没有写博客了，突然写一篇。 最近学习AntdVue2.x+Vue3.x ，据说antdv 特别优秀，更新也及时还适配了vue3，所以，选择了antdv，而不是elementui，虽然elementui也有新版本了，但是总觉得那不是同一套体系了 在学习到Form表单验证的时候，发现一个问题，来这里吐个槽，看看大家有没有遇到这样的问题
配置 react 17.0.1 antd 4.15.0 想实现的效果 用户点击“修改个人信息”按钮，原出生日期数据回显到antd组件DatePicker中。而出生日期字段birthDate是表单上所有数据userInfo的一个属性。 报错信息 报错代码 showModal = () => { const { userInfo } = this.state; t
<a-table class="table" :columns="columns" :data-source="tableData" :scroll="{ x: '13.5rem', y: tableSize === 'normal' ? '2.3rem' : null }&qu
下载组件库包 yarn add antd 使用craco对create-react-app进行自定义配置 yarn add @craco/craco 根目录创建craco.config.js文件 /* craco.config.js */ module.exports = { // ... }; 更改package.json "scripts": { "start": "craco start", &qu
如果你在h5页面中想要写一个tabs标签页，而mint-ui这样已经成型的h5组件没有办法满足交互UI需求时，为了节约自己写组件逻辑的时间，你会怎么办？本篇交给大家一个实现思路，就是我们可以利用antd和element-ui的底层组件功能进而封装出自己需要的组件样式。 为了解释如何利用antd和element-u
vite-react-boilerplate 开发编译 yarn start 启动开发 yarn build 启动编译 代码质量和风格 husky/lint-staged/eslint/prettier 暂存区代码提交自动检查修复 , 可以自行扩展git hooks , e.g. commit-msg 代码提交检查等。 HMR @vitejs/plugin-react-refresh 实现react HMR 代
项目功能如下 此项目是一个用Umi3+dva+antd+ts写的一个简易的增删改查和分页功能 https://github.com/lsh555/Umi-demo 项目地址，yarn之后再yarn start就能跑起来
config/config.js export default { base: '/web/', //部署到非根目录时才需配置 targets: { //配置浏览器最低版本,比如兼容ie11 ie: 11 }, hash: true, //开启打包文件的hash值后缀 treeShaking: true, //去除那些引用的但却没有使用的代码 plugins: [
根据现有需求，需要在运行时更新antd的主题色 项目架构：Create-react-app + antd 由于现有的编译命令，不能使用react-app-rewired命令，只能使用node 1. 安装插件 npm install antd-theme-generator antd-theme-webpack-plugin less less-loader react-app-rewire-less react-app-
报错： F:\VSCode_Project\jetlinks-ui-antd-master>npm install npm ERR! code ERESOLVE npm ERR! ERESOLVE unable to resolve dependency tree npm ERR! npm ERR! While resolving: jetlinks@1.9.0 npm ERR! Found: antd@3.26.20 npm ERR! node_modules/antd npm ERR!
用React进行动态遍历导航栏的时候，icon一直出不来，目前版本的antd已经和教学视频中的不一样了， 要遍历的列表数组如下 我改了icon为字符串的很多种形式， 都不行 遍历代码如下 结果如下，无法显示想要的icon 随后将icon导入list文件中，将列表中的字符串改成对象形式 这次icon出
复现 最近我在用antd做dooring-v2，打包时候发现babel-plugin-import只能生效一个配置，多个配置只能生效最后一个。在其文档上写着babel7以下配置项支持数组写法，不支持数组写法则需要多次载入设定不同的键。https://www.npmjs.com/package/babel-plugin-import由于项目需要按需
vue3 + jsx +antd 父子之间的通信 （模态框为例） //父组件 控制一个模态框的显示 const model = defineComponent({ name: ‘model’, setup() { let addLinkVisible = ref(false); const addChange = (bool)=>{ console.log(bool); addLinkVisible.value = bool; } const cance
今天在用antd-vue中遇到了一个难题，做个笔记 在一些框架中，总有一些监听用户的事件，而这些事件ui框架都会贴心的附带一些默认参数，但是问题来了：假设一个组件本身就是渲染而来，但它在触发该函数后开发者并不想只传入一个组件本身传递的值，(比如我想传入这个组件的index,或者item)，那么依
在 Form 中使用子组件的过程中发现，每次 resetFields 都会导致子组件销毁重建，而子组件由于要请求接口加载数据，所以会导致重复请求。本文记录相关 Issues 的查找过程和和相关源码分析 文章目录 一、现象说明二、官方解释2.1 官方文档2.2 GitHub Issue 三、源码分析 一、
主要思想：循环一个列表，通过index改变原数组项，并通过state更改原数组，使列表重新渲染。 页面数据可以通过store存储，这样就可以跨页面修改数据。 参考：https://juejin.cn/post/6844903989289418760
自定义校验 HTML代码 <a-form-item label="联系人电话" :labelCol="labelCol" :wrapperCol="wrapperCol"> <a-input v-decorator="['phone', validatorRules.phone]" placeholder="请输入联系人电话"><
这篇文章图片不清晰？请移步 segmentfault 点击查看相同文章 Ant Design Vue地址：https://www.antdv.com/docs/vue/introduce-cn/ 刚接触Ant Design Vue的童鞋们可能会有这样的问题，不就是修改默认的组件样式吗，为什么一会生效，一会又不生效。希望看完这个文章，会给你一些收获~ 一、
1.用vue脚手架搭建项目，按理用create使用脚手架3 2.安装antd 3.划分目录结构 4.配置别名（vue-cli2） 5.新建个vue.config.js，在vue-cli3上没有，文件名没错，就能够自动合并起来了 项目内容： 1.登录后拿到token,根据token去请求用户信息info，从
useTable: import React, { useState, useEffect } from 'react'; import axios from '@common/js/axios'; import qs from 'qs' let searchData = {} function useTable(url, ajaxData = {}) { const [dataList, setDataList] = useState(
react 和 antd 之 rowKey 问题 Warning: Each child in a list should have a unique "key" prop.Check the render method of `Body`. See https://fb.me/react-warning-keys for more information. 解决办法: [ :rowKey ] <!--id为 tableData 中的一个属性 --> <
一、给From表单一个ref属性标识 <Form ref={this.formRef}></Form> 二、创建form表单实例 formRef = React.createRef() 三、在需要重置表单数据的地方调用resetFields方法 this.formRef.current.resetFields()
1：使用croco管理antd主题配置 yarn add @craco/craco yarn add craco-less 2：修改package.json文件 "scripts": { - "start": "react-scripts start", - "build": "react-scripts build", - "test": "react-scr
