react
zhangzhuoz
一个默默努力学习前端知识的小白。。。。
展开
-
React:使用<Link>组件进行页面跳转,url变化但是页面无变化
React:使用组件进行页面跳转,url变化但是页面无变化原创 2022-11-21 13:38:03 · 1407 阅读 · 1 评论 -
js如何判断复杂对象(对象内部key对应数组或者字符串)是否存在值
在公共方法文件写一个公共方法,判定,在需要的地方将filters传入即可判断。这样就可以方便的判断出来啦。原创 2022-09-28 15:53:59 · 334 阅读 · 0 评论 -
antd form表单使用upload组件,发现莫名请求接口报错404
【代码】antd form表单使用upload组件,发现莫名请求接口报错404。原创 2022-09-26 15:03:18 · 1533 阅读 · 0 评论 -
关于useEffect在组件结束销毁时使用记录
关于useEffect在组件结束销毁时使用记录。原创 2022-08-18 16:44:55 · 885 阅读 · 0 评论 -
React:后端返回pdf数据流,前端打开页面预览,使用fetch,PDFObject
React中后端返回文件流,前端展示PDFfetch请求获取blob和arraybuffer文件流及核心API使用总结。原创 2022-08-12 18:09:30 · 2066 阅读 · 0 评论 -
关于useState塞入默认值是props传入来却没有生效
塞入默认值是从内拿到的时候,会有塞不进去的情况,原因就是第一次props的值为空,原创 2022-08-10 10:10:00 · 1163 阅读 · 0 评论 -
antd Form表单在没有使用hooks的情况下怎么使用resetFields或者setFileds方法,记录遇到的问题
前提:没有用hooks写,用的原始的class类组件,并且不想二次重构代码,就在网上疯狂寻找解决方案当前版本不能使用this.props.form原创 2022-07-29 15:41:01 · 198 阅读 · 0 评论 -
前台传给后台缩略图,后台返回图片地址,修改同一条数据返回相同地址后页面图片不更新问题
const defaultImage = is3DModal ? require('./3d.png') : `${item.picture_path}?t=${Math.random()}` || require('./analyzer_2/images/default-1.png');解决方法:在返回地址后面添加?t=${Math.random()原创 2021-07-26 18:21:39 · 165 阅读 · 0 评论 -
js实现点击复制
要实现的效果点击复制onclick方法内容 function copyToClip(content, messageInfo) { var aux = document.createElement('input'); aux.setAttribute('value', content); document.body.appendChild(aux); aux.select(); document.execCommand('copy'); document原创 2021-05-21 14:38:51 · 1220 阅读 · 0 评论 -
列表页新增数据开启新页面如何在新页签保存数据后关闭页面回到列表页自动刷新列表显示出最新添加数据
在新增保存成功后添加对象localStorage.setItem('dataStoreListingNeedReload', true);然后再列表页componentDidMount()监听componentDidMount() { this.loadPermission(); this.loadData(); document.addEventListener('visibilitychange', () => { if ( !docum原创 2021-03-25 10:52:50 · 908 阅读 · 0 评论 -
js获取本周,本月,本年,上一周,上一个月的开始日期与结束日期时间戳
getRecentlyWeek = () => { let nowData = new Date(); // 获取今天的是周几 let currentDay = nowData.getDay(); // 把currentDay == 0赋值给周日 if (currentDay === 0) { currentDay = 7; } // 获取周一的时间戳 let start = nowData.getTime() - (curr原创 2021-03-18 13:48:36 · 401 阅读 · 0 评论 -
react-Quill点击工具栏后文本框失焦,重新点文本框刚设置的工具栏颜色样式不生效
为了解决文本框失焦背景:自定义富文本工具栏字体颜色以及背景颜色,但是弹窗关闭的同事文本框失焦解决方法:在关闭颜色选框的方法内添加react-quill内置方法this.reactQuillRef.getEditor().focus();...原创 2021-03-16 11:23:09 · 960 阅读 · 0 评论 -
批量异步请求获取数据方法
批量异步请求获取数据方法背景:有方法A,B,C,在我请求C的时候我需要方法A以及方法B的结果做的传参现象:在页面一加载执行的方法里面分别写入三个方法,按顺序写入,将方法AB的结果放到setstate里面,但是C执行的时候请求接口的参数并没有从ABset进去的获取值获取解决方案: const dataIdPromise = getCorrelationData( params, editModeCorrelationViews原创 2021-01-28 14:03:01 · 402 阅读 · 1 评论 -
js对对象重命名方法
做个记录,js重命名背景:如果一个方法里面有两个接口,但是接口请求回来都是const {data} = 难免会发生data重名现象解决:const {data:Adata} = 利用重命名方式原创 2021-01-28 13:55:25 · 1779 阅读 · 0 评论 -
CSS给盒子内部标题加padding以及margin不起作用
CSS给盒子内部标题加padding以及margin不起作用可见加的上下padding都超出父盒子解决方案原因:行内元素需要声明才可以对padding以及margin上下有作用原创 2021-01-19 10:14:03 · 317 阅读 · 2 评论 -
react接口请求post在原有请求数据的基础上,添加两个固定字段
loadData = async () => { const { page } = this.state; let searchPage = Object.assign({}, page, { orderBy: 'create_date', orderSort: 'DESC', }); try { const { data } = await User(searchPage); const dataSource = dat原创 2020-09-04 15:32:35 · 789 阅读 · 0 评论 -
解决项目中多个页面重复访问同一接口的问题
多个页面进入时都要访问queryAll接口,接口返回数据量大,查找方法解决问题在项目首先加载页面index.html中<script> if (!sessionStorage.getItem('sessionValue')) { //判断是否请求过queryAll $.ajax({ url: '*******queryAll', type: 'GET', async: false, success: func原创 2020-08-26 11:46:02 · 1485 阅读 · 1 评论 -
在同一个页面,子组件引入父组件中加载好的tree
首先,两个文件的位置在carditem里面引入index里面异步加载好的tree,首先在外曾传入index加载好的officeList想要引入这个组件那么可以在caiditem.js里面直接写入并在需要展示的地方原创 2020-07-29 11:02:18 · 180 阅读 · 0 评论 -
一个接口拼接传两个参数
后台写好的接口在service里面请求这个接口时,需要将要提交的两个参数进行拼接需要传入的两个参数在前台提交原创 2020-07-29 10:50:19 · 2910 阅读 · 0 评论 -
emotion的使用(css-in-js)
import { css } from 'emotion';首先引入let customStyle = css` & .ant-table-tbody { font-size: ${tableFontSize}; color: ${tableFontColor} !important; } &:hover .table-row > td { background: none; }原创 2020-07-27 16:43:06 · 3433 阅读 · 0 评论 -
react将select下拉选框改为可搜索的下拉选框
首先接口需要接受一个我搜索得值,和后台交接,更改接口后,新写接口。/** *查询字典表数据 */export const queryDictionaryCodeByType = (params, name) => request.post( name ? 'customized/dictionary/queryDictionaryCodeByTypeLimit?name=' + name : 'customized/dictionary/queryDicti原创 2020-07-21 17:29:33 · 1767 阅读 · 0 评论 -
React项目预览过程中遇到得问题集锦
1.hashHistory是什么意思?hashHistory是react-router中用来路由传值的。用法:引入包import {hashHistory} from ‘react-router’;路由传值(参数是放在query对象里面)Search = () => { hashHistory.push({ pathname: '/。。。', query: {id: this.state.id}, });}借用原作者...原创 2020-07-08 16:26:24 · 144 阅读 · 0 评论