文章 2024-09-25 来自:开发者社区

React添加路径别名alias、接受props默认值、并二次封装antd中Modal组件与使用

为了实现这个组件全局可以使用并且路径唯一,我们使用路径别名。配置路径别名:如果项目中没有config/webpack.config.js文件,我们可以package.json中scripts中这个命令: "eject": "react-scripts eject" npm run eject 将webpack文件暴露出来。打开config/webpack.config.js文件: ali...

React添加路径别名alias、接受props默认值、并二次封装antd中Modal组件与使用
文章 2024-09-25 来自:开发者社区

React给antd中TreeSelect组件左侧加自定义图标icon

很多时候官网并没有给我们过多地详解来解释他们的产品怎么使用。今天碰到了一个很恶心的问题,就是在给antd的treeSelect组件加左侧icon的时候,总是报一个警告, Warning: Each child in a list should have a unique “key” prop. 告诉我们每一个节点都需要有一个唯一的key。 首先我这里简单的封装了一下treeSelect这个...

React给antd中TreeSelect组件左侧加自定义图标icon
文章 2024-09-25 来自:开发者社区

react对antd中Select组件二次封装

见贤思齐焉,见不贤内自省 建立.js组件,在父组件中引入,传入自定义属性 import React from 'react'; import { Select } from 'antd'; import 'antd/dist/antd.css'; import '../styles/select.less'; const {Option} = Select; class MSelect ex...

react对antd中Select组件二次封装
文章 2022-06-13 来自:开发者社区

React 16.x折腾记 - (11) 结合Antd菜单控件(递归遍历组件)及常规优化

前言随着侧边栏的东东越来越多..本来不考虑的三级菜单,也需要考虑进去了;一开始都是手动map去遍历对应的组件, 相关的的组id这些也是简单的判断下children就返回一个值;有兴趣的瞧瞧分析所需路由规格统一,层级不定,允许子项带图标,自动生成对应的菜单栏数据路由的写法是静态路由表的姿势;const RouterTree = [ { key: 'g0', icon: 'das...

React 16.x折腾记 - (11) 结合Antd菜单控件(递归遍历组件)及常规优化
文章 2022-06-13 来自:开发者社区

React 16.x折腾记 - (9) 基于Antd+react-router-breadcrumbs-hoc封装一个小巧的面包屑组件

前言没有什么技术难度,只是比官方的文档多了一丢丢的判断和改造;用了react-router-breadcrumbs-hoc,约定式和配置式路由路由皆可用,只要传入的符合规格的数据格式即可基础环境React 16.4/UmiJS 2.2/Antd 3.x/ react-router-breadcrumbs-hoc 2.x: API简洁易懂效果图非antd风格antd风格源码及实现暴露的props:....

React 16.x折腾记 - (9) 基于Antd+react-router-breadcrumbs-hoc封装一个小巧的面包屑组件
文章 2022-06-13 来自:开发者社区

React 16.x折腾记 - (6) 基于React 16.x+ Antd 3.x封装的一个声明式的查询组件(实用强大)

前言最近把新的后台系统写好了..用的是上篇文章的技术栈(mobx+react16);但是感觉mobx没有想象中的好用,看到umi 2.x了,就着手又开始重构了。仔细梳理了下上个系统,发现可以抽离的东西不少此篇文章是我针对我们的搜索条件抽离的一个组件,仅供参考。调整记录2018-11-15 :new : reset表单props回调,调用则取默认不带参数的列表new : 待渲染的子组件布局规格的传....

React 16.x折腾记 - (6) 基于React 16.x+ Antd 3.x封装的一个声明式的查询组件(实用强大)
文章 2022-02-16 来自:开发者社区

React使用antd Table生成层级多选组件

v一、需求   用户对不同的应用需要有不同的权限,用户一般和角色关联在一起,新建角色的时候会选择该角色对应的应用,然后对应用分配权限。于是写了一种实现的方式。首先应用是一个二级树,一级表示的是应用分组,二级表示的是应用,这是table的最左边的数据。然后是按钮的数据,这里显示在table的头部。 v二、效果图如下    v 三、具体代码 v  1.RoleApplicationTable...

React使用antd Table生成层级多选组件
问答 2022-02-15 来自:开发者社区

关于react antd组件兼容ie11的问题?报错

最近公司要做一个word加载项,架构选择为react,antd。因为word里边内置浏览器内核为本机ie,我的ie版本为11 所以使用babel-polyfill转换组件中es6语法,让其兼容ie浏览器。但是在转换antd时报错,貌似是babel在转换antd代码的时候使用了ie中不支持的对象,请问各位大佬有什么好的解决方案?报错信息稍后贴图

本页面内关键词为智能算法引擎基于机器学习所生成,如有任何问题,可在页面下方点击"联系我们"与我们沟通。