[编程笔记] ant-design中ProLayout组件左侧菜单数据刷新问题

news/2025/3/6 19:58:07/文章来源:https://www.cnblogs.com/sunshine-wy/p/18753032

    最近在做1个React项目,用的ant-design,由于以前没有学过React,最近几个月属于边学边干的状态了(0基础直接上手可还行)

    很坑的一个bug,setProcessedRoutes([processedRoutes]) 的时候,左侧菜单没有自动更新,问了下AI,在多个结果中,用setProcessedRoutes([...processedRoutes])解决了!

    原理就是如果set的是对象本身,识别不出来对象里面的个数或者属性变化了,需要set一个新对象,才能响应式更新。

    有亿点点无语,跟Vue类似的问题,只是当时没想到这里。

 

    说点别的。React初看还挺好用,以前Vue里面的SSR看不懂,不知道是什么玩意,现在撸了一遍React突然就明白了,不得不说这种写法挺爽的,有时候多学点框架也很好。

    但是!项目里除了用React + ant-design 这一套,还有各种组件,很强大,但也很乱,技术成本有些高。着实不容易哇。

 

    就说这么多吧。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.hqwc.cn/news/894069.html

如若内容造成侵权/违法违规/事实不符,请联系编程知识网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

三菱机器人示教器跳屏故障分析维修

跳屏故障原因分析三菱机器人示教器跳屏故障可能由以下原因导致: 电源故障:电源不稳定或电源线接触不良可能引起跳屏。信号干扰:工作环境中的电磁干扰,如大功率电器或高压线,可能导致跳屏。软件问题:示教器软件故障或版本不兼容可能导致跳屏。硬件故障:显示屏本身故障、排…

『Python底层原理』--异步机制(async/await)

在现代编程中,并发是提高程序效率的关键技术之一,它允许程序同时执行多个任务,充分利用系统资源。 本文将深入探讨 Python 中的async/await机制,从并发编程基础讲起,逐步剖析其工作原理和实现方式。 1. 并发编程基础 计算机程序的执行方式主要有两种:顺序执行和并发执行。…

bbox.exe WriteUp

WriteUp 题目信息 名称:bbox.exe 分类:Reverse 描述:找到程序的flag题目链接: https://pan.baidu.com/s/1u8bGbKcUF6_gLaw63L3jyA?pwd=h8r5 提取码: h8r5解题思路 首先用DIE分析文件的结构,发现这是一个无壳的32位程序。于是直接用32位IDA打开该文件进行反汇编,得到如下情…

Deepseek-R1模型部署

一、每个客户端需要单独配置API版 前置条件: 1、英伟达的显卡 2、安装Ollama工具 3、Deepseek模型 4、Chatbox 部署Deepseek模型后使用Chatbox设置模型API即可使用缺点:需要在每台客户端都需要输入API,需要安装Chatbox软件 二、一次性配置API版本 前置条件: 1、英伟达的显卡…

学习理论:单阶段代理损失的(H, R) - 一致界证明

我们在上一篇博客中介绍了弃权学习的基本概念和方法,其中包括了针对多分类问题的单阶段预测器-拒绝器弃权损失L_{abst}。设l为在标签Y上定义的0-1多分类损失的代理损失,则我们可以在此基础上进一步定义弃权代理损失L。在上一篇博客中,我们还提到了单阶段代理损失满足的(H, R…

element组件学习

vite.config.js点击查看代码 import { fileURLToPath, URL } from node:urlimport { defineConfig } from vite import vue from @vitejs/plugin-vue import vueDevTools from vite-plugin-vue-devtools import AutoImport from unplugin-auto-import/vite import Components f…

SpringCloud学习-熟悉docker

前言:本人练习使用的是阿里云服务器,配置为:一:配置docker镜像加速 由于docker自带的镜像仓库地址速度很慢,甚至国内访问不了,所以需要做下镜像加速设置: # 创建目录 mkdir -p /etc/docker# 复制内容 tee /etc/docker/daemon.json <<-EOF {"registry-mirrors…

IntelliJ IDEA 激活码,免费不收费

IntelliJ IDEA 2020、2021、2022、2023、2024 通用激活,免费激活码,激活码实时更新IntelliJ IDEA 2020、2021、2022、2023、2024通用激活,激活码实时更新 激活码获取方式:扫描关注公众号,回复:激活码 【激活码会即时更新,过期后请重新获取】分享不易,赠人玫瑰,手有余香…

c语言实验1

一、实验目的会使用C语言程序开发环境(vs2010/devc++等),能熟练、正确使用它们编写、编译、运行、调试C程序 知道C程序结构和编码规范,能正确使用 能正确、熟练使用C语言输入输出函数: scanf() , printf() , getchar() , putchar() 能灵活、组合使用基本数据类型、运算符和…

双列集合

介绍双列集合中,每次添加元素添加一对(2个)数值 每对元素之间是一一对应的 最顶层为Map,有三个实现类,如下图双列集合特点 双列集合一次需要存一对数据,分别为键和值 键不能重复,值可以重复 键和值是一一对应的,每一个键只能找到自己对应的值 键+值这个整体 我们称之为…

单列集合

介绍 集合分为两种,一种是单列集合,一种是双列集合单列集合中 List系列集合添加元素是有序,可重复,有索引的 set系列集合添加元素是无序,不可重复,无索引的Collection是单列集合的祖宗接口,所以全部的单列集合都可以使用它的方法Collection基本方法 add方法,添加元素 …

黄河流域水土保持生态效应AI一体化评价平台

黄河流域作为我国北方重要的生态屏障,其生态保护和高质量发展一直是国家战略的重点。随着人工智能技术的飞速发展,黄河流域水土保持生态效应AI一体化评价平台的建设,标志着生态保护工作进入了一个新的阶段。本文将对这一平台的建设内容进行深度分析。1. 平台建设背景与意义黄…