随笔分类 - react
react相关知识
摘要：组件化开发，多个子组件多次调用onresize使主页面的onresize无法生效 解决办法时使用addEventListener添加onresize函数 useeffect(()=>{ window.addEventListener('resize', function () { // 当浏览器窗口
阅读全文
摘要：前言：腾讯地图分为两个版本，版本1是以Tmap为标志，链接为https://map.qq.com/api/gljs?v=1.exp的1为主， 版本2是以qq.map为标志，链接为https://map.qq.com/api/gljs?v=2.exp的2为主， 可以在导入了在线链接的页面上使用wind
阅读全文
摘要：限于网上那些不讲业务的解决办法，在踩了一堆堆的坑后，还是决定应该写出来，顺带记录下useeffect的使用办法 讲真，只有彻底解决这个告警，才能明白react函数式编程的开发方式。 凡是不讲业务场景的解决办法全是耍流氓 场景1：页面初始化时发起请求 useState + useEffect + us
阅读全文
摘要：前置知识：python中，boolean,string,tuple,int,float属于不可变类型，set,dictiry，list属于可变类型 is()方法用于判定两个数据的值是否相同。 对于不可变类型，值相同，说明数据相同 对于可变类型，值相同，并不代表数据本身相同，这是由于所占用的内存地址不
阅读全文
摘要：看到网上写的rate组件，要么是react的class方式，要么就是基于classNameList的增删改查，总感觉不太完美，于是趁周末自己撸了一个，可以直接拿到自己的页面去试，喜欢请点个赞哦 需求分解：默认全不点亮 ，右侧默认请选择评分，点击时，点击的那个小心心左边全部呈红色，鼠标经过小心心时，小
阅读全文
摘要：思路： table子组件监听传入值，声明一个ref默认为false，在监听传入值的effect里，将ref的current变成true，在表格的onchange方法内将ref变成false，在每次拿到table数据的返回值时，判断ref的值是否为true，是则遍历表头，通过表头子项的filterSe
阅读全文
摘要：自定义table空数据 import { ConfigProvider, Table, } from 'antd' // 定义空数据展示 const renderEmpty = () => ( <Empty imageStyle={{ height: 60 }} description={<span
阅读全文
摘要：import { useHistory } from 'react-router-dom' const history = useHistory() history.push({ pathname: '/import' })
阅读全文
摘要：jsx中不允许回显对象 否则报错 可以使用SON.stringify(ojb)在页面中回显 setStatus总是比方法/异步方法延后 可以使用useref将数据保存在current中，
阅读全文
摘要：这两天在看组长代码时，看到经常有用到拓展运算符，然后自己在用的时候，感觉也很灵活，遂记一些心得 拓展运算符的定义请看这里：https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Operators/Spread_syntax
阅读全文
摘要：先说需求与思路 需求：三个按钮，分别是展示前十、后十、与全部 下方的图表要动态的配置宽高，(通常情况下是某一边) 思路: 父组件根据传入数组长度动态设置overflow 如果是auto，则会根据子元素即echart容器是否溢出来显示滚动条，内部的echart元素可以根据长度来动态设置宽高，初始值可以
阅读全文
摘要：今天在解决一个表格筛选的bug时遇到了一个问题，大致说下思路 import { useState, useEffect, useRef } from 'react' const SpecInfo = () => { const filtersRef = useRef({}) return <> <T
阅读全文
摘要：基于本一版需求做的通用表格，涵盖了导出功能、分页、入参、api路径，以及表格筛选 由于eslint报warning：React Hook useEffect has a missing dependency: 'xxx'. Either include it or remove the depend
阅读全文
摘要：公共开发，因而没有关闭设置这一项 Expected exception block, space or tab after ‘//‘ in comment ：提示需在注释前 解决方案： 在注释后加一个空格 // 修复前 //这是一段木的感情的注释 // 修复后 // 这是一段木的感情的注释 'xxx
阅读全文
摘要：表格的筛选事件是在table的onchange中发生的，其选中值在onchange的参数2中，参数1是分页器 // 应先定义pagination,这一步是为了第一次请求数据时配置pagination相关 const [pagination, setPagination] = useState({ s
阅读全文
摘要：今天在进行业务开发的时候，遇到了一个问题，记录一下 需求：点击按钮时显示弹窗，然后将按钮所在表格条目的某两个key值代入然后基于这两个key进行网络请求 实现： 点击时添加监听方法使用usestate将当前row保存下来，然后根据这个row的key进行网络请求，然后开启弹框显示网络请求后的渲染界面
阅读全文
摘要：Failed to set an indexed property on 'CSSStyleDeclaration': Indexed property setter is not supported. 重点在dom中检查是否将className写成了style，一个小问题
阅读全文
摘要：需求： 外部输入一个echart数组，根据恒定的数组长度动态决定是否有滚动条存在，如果数组长超过恒定值则赋予滚动条，否则平滑展示 PS: 上级不许使用echart提供的滚动条，只好使用echart容器的父容器来实现 滚动原理 当子容器宽度大于父容器宽度且父容器设置了x或y轴overflow:auto
阅读全文
摘要：在设置usesate时陷入了死循环，此时应考虑在useeffect中设置state.
阅读全文
摘要：一：导入静态文件 import { useEffect, useRef } from 'react' import * as echarts from 'echarts' import { DownLoadPath } from "./data-overview/type" import { ECH
阅读全文
