![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
react
文章平均质量分 51
前端神棍
一枚被世界改变的前端神棍
展开
-
扩充antd的Icon图标库
项目中有个菜单图标支持配置的功能,如下上面的图标都是antdIcon组件自带的,只需要给Icon传不同的type就可以显示出来不同的图标,但是我现在需要将自己的图标也放到这个里面,而且实现通过传个type就能显示的功能。通过查找资料我发现可以在node_modules里面直接改源码达到想要的效果。如下:原创 2022-11-17 14:15:32 · 2123 阅读 · 0 评论 -
react中父组件调用子组件的方法
react中,我们经常会想到,通过父元素直接调用子元素的方法,实现高内聚的效果。而这个用法的写法却是,五花八门。下面将对几种常用的方法,进行讲解。原创 2022-11-14 13:12:43 · 179 阅读 · 0 评论 -
展开(或收集)运算符(...)是深拷贝还是浅拷贝?
当操作对象为基本数据类型及简单对象结构的时候是深拷贝,当操作对象为复杂数据类型时是浅拷贝。原创 2022-11-10 12:31:07 · 1859 阅读 · 0 评论 -
antd 表单通过form.getFieldsValue获取不全tabs组件下表单数据的问题
解决获取tabs下表单不全问题原创 2022-10-24 11:05:40 · 2648 阅读 · 1 评论 -
设置antDesign的select组件只选中一个
通过在select外面包一层Form,然后通过ref指定form,并使用方法this.formRef.curren.resetFields(),重置表单,并更改控制上面标签显示的变量值即可(当然为什么要使用ref来实现呢,具体antd上面已经给说明了,class组件只能用ref,而函数组件则使用useForm),antd上class组件和函数组件使用说明及代码如下,......原创 2022-08-03 11:09:12 · 2665 阅读 · 0 评论 -
antd中TextArea限制十个字符但是表单获取到11个字符的问题及解决方案
一、如何限制TextArea输入个数正常情况下我们限制TextArea的输入个数,只需要在标签里面输入maxLength={10}便可以限制只能输入10个字符了二、问题出现的场景因为结合了formItem使用,所以将TextArea放到了FormItem里面,但是由于ui要求需要实现如下布局:所以我再TextArea的外面包了一层div,然后问题就出来了,虽然TextArea里面还是限制输入10个字符,但是通过form.validateFields()拿到antd里的form表单后发现竟然拿到了11原创 2021-11-03 17:21:59 · 1431 阅读 · 0 评论 -
expo中引入Ant Design踩坑
Unable to resolve module @react-native-community/async-storage from D:\lianxi\myapp2\myapp2\node_modules\@bang88\react-native-ultimate-listview\src\refreshableScrollView.android.js: @react-native-community/async-storage原创 2021-02-23 09:06:55 · 979 阅读 · 0 评论 -
react的基本内容
了解如何使用react实现页面的渲染,明白通过类创建组件和class创建组件的区别,并通过实现受控的input框掌握ref的三种用法原创 2020-12-28 21:13:31 · 234 阅读 · 0 评论 -
在react中通过react-redux实现store的映射
通过react-redux插件实现将store映射到根组件中,以及如何实现数据的传递。原创 2021-01-09 16:07:14 · 792 阅读 · 0 评论 -
react中处理样式的五种方式
本文介绍了react中样式的五种书写方式,希望可以帮助学习react的小伙伴更加美观的书写代码。原创 2021-01-06 13:18:51 · 717 阅读 · 1 评论 -
如何给antd的formLIst添加带有默认值的表单
如何给antd的formLIst添加带有默认值的表单原创 2021-12-31 16:43:35 · 5598 阅读 · 8 评论