西瓜甜不-优快云博客

原创 React中使用Ant Design组件库实现面包屑联动

4.然后我们通过react-router-dom中的useLocation方法获取页面路径。3.以最为基础的面包屑为例（用哪个面包屑都无所谓自我感觉最难得是联动）5.我们有此时所在的网址,我用split 字符串切割转数组的方法。一定要记住代码不是唯一的不要死记硬背代码重在理解。2. 在Ant Design中找到面包屑。我们想让这个数组变成这样的数组。这样就能实现面包屑的数据联动了。然后我们就得到一个这样的数组。7.有了数据就正常渲染就行。别忘了咱们封装的数据方法。

2024-07-02 21:30:36 784

原创 javascript事件中同步,异步,宏任务,微任务解析

在Web开发中，同步方式可能类似于用户一直刷新网页直到购买成功；而异步方式则允许用户继续浏览其他网页或进行其他操作，同时等待购买成功的通知。同步和异步是处理任务时的两种不同方式，它们在概念、执行方式、适用场景等方面有明显的区别。

2024-06-29 11:40:52 954 1

原创实现React适配（pc端,移动端）

1.首先pc端适配所用的包2.然后在config中找到 webpack.config.js 在 webpack.config.js 中添加以下代码代码添加完的效果2.1 如果没有config文件夹在终端输出以下代码2.2在终端 npm run eiect 如果报错分析报错：这通常意味着你正在尝试执行一个 Git 操作（如切换分支、拉取或推送），但是你的工作目录中有未跟踪的文件（即 Git 不知道这些文件应该被跟踪还是忽略）或者你有未提交的更改。解决方法：a. 初始化 Git 仓库git init。

2024-06-27 11:01:26 1288 1

原创 React中跳转页报 “The above error occurred in the ＜Route.Provider＞ component” 解决方法

在React的Concurrent Mode（并发模式）中，当一个组件需要等待某些异步操作（如数据获取）完成时，它会“挂起”，直到这些操作完成。这样，即使这些更新挂起了，React也会优先考虑处理同步的、即时的用户输入，以保持UI的响应性。，我们可以推测你可能在使用React的Concurrent Mode，并且遇到了与异步数据获取或状态更新相关的问题。：检查你的组件是否由于不必要的渲染而导致了问题。或自定义的Provider组件），这通常意味着在组件树中的某个地方有一个更新或渲染导致了问题。

2024-06-25 15:37:27 1772 1