react的ant-design组件的select如何自己封装

ant-design是个强大的组件库，其中有移动端的组件样式，样式种类也非常多，但是并没select这个组件，这需要我们自己去封装，（也许可以用原生的select，但想要封装在ant-design里）。
至于ant-design样式的话，新建less再引入它的less编译成属于自己的css。
但看了半天react，没搞明白如何封装了ant-design怎么被封装的，不知道有人做过封装没有，可以讲下思路吗？

写回答
好问题 0 提建议
追加酬金
关注问题
分享
邀请回答
编辑收藏删除结题
收藏举报

1条回答

关注

码龄粉丝数原力等级 --

被采纳

被点赞

采纳率
dabocaiqq 2016-12-14 15:42
关注
https://www.zhihu.com/question/45088537/answer/98317171?from=profile_answer_card

解决无用
评论打赏
分享
举报

评论

按下Enter换行，Ctrl+Enter发表内容

报告相同问题？

关注问题

ant-design-vue表格组件插槽里放着文字或图片字段名不同 vue.js 前端框架
2022-08-25 10:59

回答 3 已采纳请教了我才知道的，所以发问题的话没找到之前问问找到了答案只是单纯记录总结一下
react使用 ant design table组件进行操作后,刷新页面会出现复选框残留问题 react.js 前端
2022-03-22 10:16

回答 1 已采纳 selectedRowKeys 清空如果有selectedRows 也清空
react使用react-router v6.3.0如何正确使用ant design mobile v5.22.0的TabBar组件标签 react.js 前端
2022-09-01 18:26

回答 1 已采纳 app.js 引入 home组件其实你直接把home里的代码复制到 App.js 也行。 import { BrowserRouter as Router, Routes, Route, L
React 针对 ant Design select 组件进行二次封装
2020-05-08 20:36

布袋里长出了橘猫的博客 React 针对 ant Design 库 select 组件进行二次封装由于业务需要对select进行样式上的修改，部分select还需要使用原样式。这种情况可以通过两种方式来实现： 1 通过className进行样式覆盖 2 通过二次封装组件，相...
如何在非react项目中使用ant design组件库呀？ javascript react.js 有问必答
2021-07-07 00:22

回答 3 已采纳 1.npm install antd2.在需要的地方引入需要的import { Button } from 'antd';3.在其样式文件最上面引入@import '~antd/dist/antd.c
react使用ant design mobile v5.22.0的TabBar组件标签问题 reactjs 前端
2022-08-30 23:29

回答 2 已采纳 app.js 引入 home组件其实你直接八home里的代码复制到 App.js 也行。 import { BrowserRouter as Router, Routes, Route, L
移动端react react-mobile-datepicker 日期范围选择 reactjs 前端
2022-09-23 14:46

回答 2 已采纳可用组件处理import {Calendar } from 'antd-mobile';inpValu:'', //日期回填参数getModalStatus:false, //控制日期组件的显示和隐藏
【React】自定义封装 ant-design 弹窗
2023-06-25 09:51

一颗不甘坠落的流星的博客 react 自定义封装 ant-design 弹窗，便捷使用
React-native 安装react-native video 失败 android-studio gradle reactnative
2022-04-01 11:00

回答 3 已采纳这行报错了
react native 安装react-native-file-selector运行卡住 android-studio reactnative
2022-07-27 23:58

回答 1 已采纳是不是没开虚拟机报错导致的
急！react + ant design 错误求解！ javascript react.js 前端
2022-10-17 13:43

回答 5 已采纳你参照这个实际案例，看看是否对你有所帮助：https://blog.csdn.net/qq_45327886/article/details/109129999我看了下，和你的报错类似，解决方法看是否
react-ant-design组件封装抽取之表格页面封装举例（组件封装方法）
2020-01-14 11:30

前端设计诗的博客 1、需要封装的组件包括两个下拉框，一个搜索框，和一个表格列表 2、封装的组件代码 import React, { Component, Fragment } from 'react'; import { Card, Select, Input, Table } from 'antd'; import { constants...
更改Ant Design中的tabs页签样式 react.js 前端框架
2022-09-09 14:55

回答 2 已采纳用renderTabBar 来重写，或者就直接覆盖样式 .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab-active::before
基于react antDesign 封装一个简单的Select组件
2020-05-21 21:46

布袋里长出了橘猫的博客基于react antDesign 封装一个简单的search组件，可移步官网: 查看. 目的在基于Select功能的基础上封装为圆角、改变下拉箭头颜色Select组件，这里命名为jrSelect 废话不多说啦，先看下Ant Design 给出的效果图： ...
react中基于ant-Design二次封装分页组件
2019-11-15 15:38

有梦想必远方的博客一、组件中使用 import Pagination from '@components/pagination'; this.state = { total: 0 //总页数 } //初始化时自调用一次，用于请求借口数据 componentDidMount() { this.onChangeCurPageOrPageSize(1, 10)...
没有解决我的问题, 去提问

悬赏问题

¥15 django项目运行报编码错误
¥15 请问这个是什么意思？
¥15 STM32驱动继电器
¥15 Windows server update services
¥15 关于#c语言#的问题：我现在在做一个墨水屏设计，2.9英寸的小屏怎么换4.2英寸大屏
¥15 模糊pid与pid仿真结果几乎一样
¥15 java的GUI的运用
¥15 我想付费需要AKM公司DSP开发资料及相关开发。
¥15 怎么配置广告联盟瀑布流
¥15 Rstudio 保存代码闪退