自定义博客皮肤VIP专享

*博客头图：

点击选择上传的图片

格式为PNG、JPG，宽度*高度大于1920*100像素，不超过2MB，主视觉建议放在右侧，请参照线上博客头图

请上传大于1920*100像素的图片！

博客底图：

点击选择上传的图片

图片格式为PNG、JPG，不超过1MB，可上下左右平铺至整个背景

栏目图：

点击选择上传的图片

图片格式为PNG、JPG，图片宽度*高度为300*38像素，不超过0.5MB

主标题颜色：

RGB颜色，例如：#AFAFAF

Hover：

RGB颜色，例如：#AFAFAF

副标题颜色：

RGB颜色，例如：#AFAFAF

预览取消提交

自定义博客皮肤

-+

上一步保存

weixin_47137972的博客

星辰皆燎原

博客等级

码龄5年

11
原创

18
点赞

28
收藏

11
粉丝

关注

私信

热门文章

分类专栏

最新评论

Antd Pro实现Icon图标选择器
liaoyuecai: 感谢分享，我用这个的时候发现有一点问题，因为我是用弹出框来进行菜单数据的编辑，这时候再弹出一个框，css 有点问题，然后就是在ProFormText上使用prefix加载不出来，我换了种写法，更改的代码如下： [code=javascript] useEffect(() => { if (props.visible) { setCardStyle({}) } else { setCardStyle({ display: 'none' }) } }, [props.visible]) return ( <Card style={cardStyle}> <Tabs items={viewData} /> </Card> ) [/code] 使用： [code=javascript] <ProFormText ..其他一样 suffix: <SearchOutlined />, // 用于展示已经选择的图标icon prefix: currentIcon != '' ? <React.Suspense fallback={<></>}> {React.createElement(lazy(() => import('@ant-design/icons').then(module => { return { default: module[currentIcon] }; })), {})} </React.Suspense> : <></> ...其他一样 [/code] 由于评论字数有限，不能截全代码，其他没截的基本没有改动
Antd Pro实现Icon图标选择器
Leven Han: emmmm.....改不了，改不了
Antd Pro实现Icon图标选择器
Leven Han: 组件应该有回显功能，显示默认值
Antd Pro实现Icon图标选择器
Leven Han: 还有visible是组件内部属性，不应该交由父组件控制。parentKey是个什么属性，具体做什么用，有点不清不楚，react组件默认有key属性，key作为组件的唯一标识，由react框架自动管理和使用，用于虚拟Dom更新与计算
Antd Pro实现Icon图标选择器
Leven Han: typeIcons调用了filter方法，但是filter方法是要返回布尔值的，你什么都没有返回，组件封装应该遵循value onChange 的命名规范，这样的话，可以使用ProFormInstance API

后端日常问题

关注

文章平均质量分 53

记录在工作中所涉及到的问题

关注数：文章数：4 文章阅读量：4543 文章收藏量：10

作者: 星辰皆燎原

星星之火，亦可以燎原之势。

展开