2、yarn eject || npm run eject 可以显示出webpack配置文件 （修改了启动端口，默认3000 —— 不改也行，修改了静态文件打包路径，改成了相对路径 --不改也行。。。） 这个时候就可以拿到文件的path、type、name。第一步完成 "sta…

项目地址 简单看下效果 我们之前要做路由权限的时候我们一般怎么做呢? 在入口文件useEffect中调用用户信息接口, 然后把用户信息放到全局中供其他地方使用, 然后在写一个高阶组件，在组件内部拿到用

升级到react-router-dom v6之后，然后使用react-router-config去配置集中式路由，会发现工程报这个错了： 'Switch' is not exported from '

React的路由守卫与Vue的路由守卫不太相同，并没有像Vue那样提供类似beforeEach的钩子，而是需要我们自己封装一个组件，一开始接触React的同学可能会感觉奇怪，认为组件只是像Vue那样封装主要聚焦于界面的代码块，这其中也包括我。 判断路由（是否是根路由/，是否是登…

在做项目的时候，你的产品可能会提出这样的需求：在某些拥有表单的页面中，如果用户还未保存表单数据，就想去浏览别的页面内容。这时候需要给一个弹窗，提示用户是否需要在未保存数据的情况下跳转页面。 最简单的实现就是使用 react-router 提供的 Prompt 组件来控制是否显示…

正如其名，vue-router 提供的导航守卫主要用来通过跳转或取消的方式守卫导航。 当一个导航触发时，全局前置守卫按照创建顺序调用。守卫是异步解析执行，此时导航在所有守卫 resolve 完之前一直处于 等待中。 在这里，我们可以看到，vue在所有的路由跳转前，在before…

今天来分享在 React 开发中常见的一些错误，以及如何避免这些错误。理解这些问题背后的细节，防止犯下类似的错误。 1. 组件卸载后执行状态更新 报错信息： Can’t perform a React

一、实现目标 为元素出现在视口时添加动画，这是很常见的需求，最近在工作中遇到了，项目里面使用的是React框架。因此自己封装了一个组件。如果是Vue框架，可以封装一个自定义指令来实现，更方便一点。 二

初学React，为了搞懂如何规范的在react中请求数据，特此以本文记录一下，方便遗忘后复习。 本文参照此文而来，英文尚可的建议阅读原文！原文更细！写得也更好! 本文主要有以下内容： 重点主要在134