08 2021 档案

使用Ant Design的select组件时placeholder不生效
摘要：当select的value绑定一个state默认值时，如果默认值是''或null时，placeholder不生效 解决方案：默认值设为undefined。 其实所有的表单控件表示空的都是 undefined ，而不是空值null。 附上git 的issues https://github.com/a 阅读全文
posted @ 2021-08-29 21:59 看鱼游 阅读(218) 评论(0) 推荐(0)
React中，想要实现文字中某段文字加粗的效果-dangerouslySetInnerHTML属性
摘要：想要实现文字中某段文字加粗的效果，可以使用dangerouslySetInnerHTML属性 dangerouslySetInnerHTML = {{ __html:message}} //其中message为一段html代码 因为message是一段html代码，<b>这段文字加粗<b>文字不加粗 阅读全文
posted @ 2021-08-28 21:33 看鱼游 阅读(410) 评论(0) 推荐(0)
antd Select（下拉弹框类）组件页面滚动时，下拉内容与弹出父组件分离
摘要：使用Select组件，当点击Select组件出现下拉选项后滚动原始页面，出现下拉选项和Select框分离的异常。 ##原因 ant所有的弹框都是默认挂载在body下面，然后绝对定位的。所以滚动body内容, 就会造成与弹出触发的那个组件错位。 解决 ant所有的弹框都是默认挂载在body下面，然后绝 阅读全文
posted @ 2021-08-28 21:21 看鱼游 阅读(2028) 评论(0) 推荐(0)
js对象数组根据多个优先级进行排序。
摘要：1.原生sort和reverse sort()是按照升序排序的。sort会在每一项调用String（）,默认排序顺序是在将元素转换为字符串，然后比较它们的UTF-16代码单元值序列时构建的。 const array1 = [1, 30, 4, 21, 100000]; array1.sort(); 阅读全文
posted @ 2021-08-22 16:36 看鱼游 阅读(1064) 评论(0) 推荐(0)
JavaScript 的Array.prototype.map中参数也可以使用{}解构赋值
摘要：在数组的map方法中传参数时可以使用{}，拿到对象特定的属性，并进行操作 map方法：创建(返回)一个新的数组，其中薪数组的每一个元素由调用数组中的每一个元素执行提供的函数得来 1.简单的打印或者对于数组中每个元素进行操作，比较在项目中很常见的对select 选项的 const fruits = [ 阅读全文
posted @ 2021-08-22 13:30 看鱼游 阅读(208) 评论(0) 推荐(0)
ant design分页中 showQuickJumper不生效
摘要：pagination={{ // className: 'sync-list-pagination', pageSize, current: pageNo, total, showQuickJumper: true, showSizeChanger: true, onChange: this.cha 阅读全文
posted @ 2021-08-12 20:16 看鱼游 阅读(2346) 评论(0) 推荐(0)
ant design Select选择器中，选项设置可多选，清除所有选项后，该组件属性不为undefined而是[](空数组)
摘要：想要完成的效果是：a选项和b选项，至少录入一个筛选条件。 如果前端没有加判断的话，也就是ab选项都没有选，就会请求接口，后端接口报错提示“至少录入一个筛选条件”，这样属于不好的做法。应该在前端加一个拦截判断。 a是月份moth，b是姓名userList（可多选）。 if( ! moth && (!u 阅读全文
posted @ 2021-08-06 19:33 看鱼游 阅读(1322) 评论(0) 推荐(0)