react
CahierX
前端小菜鸟
展开
-
react useMemo 缓存导致缓存组件点击事件获取不到最新值
假如我们有一下两个文件AB, 代码如下A文件: 通过useMemo把span缓存下来了, 因为只需要menu, 第二个缓存参数只写了menu, 当我们点击span 打印出data数据, 假设初始化 data 为 1, 则打印1const { menu, data} = useContext(Global) const [memo]const test = useMemo(()=>{ return menu.map(item=>{ return ( <span oncli原创 2021-09-03 16:50:25 · 1517 阅读 · 0 评论 -
Dva 组件使用useImperativeHandle父组件无法获取方法
exportdefaultconnect(({material}:ConnectState)=>({selectMaterial:material.selectMaterial,}),null,null,{forwardRef:true})(MaterialPropertyModal);需要在connect的是加上{forwardRef:true}原创 2021-03-04 16:00:55 · 1036 阅读 · 1 评论 -
umi 引入高德地图
在config文件下新建mapPlugin.jsexport default (api) => { api.addHTMLHeadScript({ type: "text/javascript", src: 'https://webapi.amap.com/maps?v=1.4.9&key=b1876df77766a9ea12e4e047fc3588fc', });};在plugin.config.js下加上 ['./config/mapPlugin.原创 2020-07-02 18:59:43 · 1423 阅读 · 2 评论 -
高德地图接口AntV L7实现自定义坐标生成当前可视范围内道路动态轨迹图
先上效果图阿里AntV L7可以根据马路数据生成轨迹图, 但是例子上写的读取数据的JSON文件写死的, 若需要自定义经纬度则没有马路数据这里通过高德的api获取范围内马路数据https://restapi.amap.com/v3/traffic/status/circle?location=104.044606,30.601263&radius=5000&key=你的key&extensions=all接口上location为查询的经纬度 radius为查..原创 2020-06-30 13:47:33 · 3422 阅读 · 1 评论 -
js将接口返回的JSON格式数据转换成Antd的treeSelect需要的结构
const initResponseDatakey = (responseData, keys) => { // 获取response的所有key 并生成tree供treeSelect使用 if (responseData) { if (Object.prototype.toString.call(responseData) === '[object Array]') { // 是数组取第一项 responseData = respons..原创 2020-05-28 15:24:11 · 1013 阅读 · 0 评论 -
React Hook中useState更新延迟问题
例如下面的代码const [currentIndex, setCurrentIndex] = useState(0) const handleLeft = () => { setCurrentIndex(currentIndex+ 1) console.log(currentIndex) }初始化currentIndex为0 每次执行handleLef...原创 2020-11-27 16:36:04 · 26213 阅读 · 5 评论