01 2021 档案

摘要:需求:antd 中Table表格样式做奇偶交替展示,让用户更加明显看出区别 思路:主要使用以下rowClassName,expandedRowClassName属性结合less进行样式的覆盖,渲染时候给奇偶不同类名; 主表属性:rowClassName:(record, index) => inde 阅读全文
posted @ 2021-01-20 11:06 程序員劝退师 阅读(2852) 评论(0) 推荐(0)
摘要:问题:设置label和value展示如下,使用flex布局后某些浏览器input具有默认宽度导致value部分超出 原因:input兼容弹性盒子有问题,它会有一个自己默认的最小长度,所以会导致“个人”部分内容超出屏幕范围 解决办法:可以给input输入框加一个div父元素,然后这个div设置flex 阅读全文
posted @ 2021-01-19 14:25 程序員劝退师 阅读(434) 评论(0) 推荐(0)
摘要:首先由来:页面跳转后弹出提示,未保存时候要保存后跳转?图片如下 经过查阅资料发现react-router自带组件Prompt可以进行路由拦截,来实现我们的功能,一共两个参数1、when:什么时候拦截路由 2、message:拦截提示信息,可以通过通过自定义方法实现功能; 查阅资料后,封装成一个组件, 阅读全文
posted @ 2021-01-18 14:18 程序員劝退师 阅读(912) 评论(0) 推荐(0)
摘要:直接上一段代码 1 React.useEffect(()=>{ 2 if(!show){ 3 return null; 4 } 5 },[]); 我们在都知道在hooks组件卸载的时候需要传递一个函数,卸载时候会执行这个状态, 上面的代码我们本意是想在!show时候就返回,不继续执行了,但是reac 阅读全文
posted @ 2021-01-08 10:25 程序員劝退师 阅读(810) 评论(0) 推荐(0)
摘要:一、关于padStart 语法:str.padStart(targetLength [, padString]) 1、targetLength(可选) 补全后字符串的长度,如果本身超过补全长度则返回原字符串,如果少于长度返回补全后字符串,栗子如下: 'qts'.padStart(5); // 结果还 阅读全文
posted @ 2021-01-04 19:25 程序員劝退师 阅读(2863) 评论(0) 推荐(0)