卡尔特斯

/ // 可能会刷新页面失败导致没有进入登录页面，所以异步或延迟刷新页面达到进入登录页的效果。最近有个安全需求，当关闭浏览器的时候，再次访问网页需要重新登录，如果当前浏览器中没有一个。标签页存在访问该网页的情况下，进行访问也需要重新登录，但是刷新则不受影响不需要重新登录，// // 退出登录。

craco 官方文档。craco是一个用于扩展的工具，CRA是一个用于快速搭建React应用的脚手架工具。CRA提供了一个简单的项目结构和配置，使得开发者可以快速开始一个React项目的开发。然而CRA的配置是被隐藏的，开发者无法对其进行自定义和扩展。这就是craco出现的原因。允许开发者覆盖和扩展CRA的配置，以满足更复杂的项目需求。使用craco，开发者可以在不弹出CRA的配置的情况下，修改webpack 配置babel 配置ESLint 配置devServer配置等。craco。

在运行React原因呢是webpack5在精简后，移除了nodejs核心模块的polyfill自动引入，所以需要手动引入，如果打包过程中有使用到nodejs核心模块，webpack会提示进行相应配置。

配置中则完成路由重定向的等基础操作，不太习惯使用。封装了一个路由组件，并附带展示个路由守卫组件。扩展路由配置，支持重定向，以及方便扩展其他属性。

包即可，但是这种方式不推荐，毕竟删了打包组件库时就报错了，还得重新。报错信息中提供了三种可能的原因，针对这三个可能原因逐一检查。极有可能是因为第三条导致了问题，继续查阅文档，官网。包也可以解决，原理都一样，两者存在一个版本的。组件库时，为避免每次修改都发布到。为组件库建立软连接，方便本地调试。的，支持 React Hook。检查项目中是否存在多个不同版本的。版本即可，如果还未解决，再将。，需要在本地的测试项目中使用。，但是依赖的第三方库使用了。版本中引入的，先检查。，并且使用方式是正确的；

React项目开发中可能会使用到LessSass等样式预处理器，创建的React项目，默认就是支持Sass的。如果需要使用Less则需要额外手动安装配置。

在单页面应用中，如何在切换页面后，不刷新浏览器呢？为了解决这个问题，有两种方法，就是hash路由模式history路由模式，而的两种路由就是使用这两种路由模式。

在Vue项目当中，可以使用来表示src/，但在React项目中，默认却没有该功能，因此需要进行手动的配置来实现该功能。别名主要解决的问题：每个页面都使用路径的方式进行引入，这样很麻烦，效率很低，这个时候可以配置一个别名，来直接使用别名引入。使用可以在不释放React隐藏配置（）的情况下就能配置好别名，参考文章。

在Vue项目当中，可以使用来表示src/，但在React项目中，默认却没有该功能，因此需要进行手动的配置来实现该功能。别名主要解决的问题：每个页面都使用路径的方式进行引入，这样很麻烦，效率很低，这个时候可以配置一个别名，来直接使用别名引入。使用的这种方式，可以在不释放React隐藏配置（）的情况下就能解决。

脚手架会识别）setupProxy.js，在文件中写以下配置内容（新项目都是推荐使用高版本，不然可能会无法启动项目）。以下，可以使用对象类型配置代理，在项目的。配置一个或多个代理，最好的方式是使用。执行解包命令，如果已经解包，忽略。如果是新建项目，可以了解下。（文件名固定，不可自定义，

cdn获取推荐unpkg是一个快速的全球内容交付网络，适用于npm上所有内容。【必备】react相关cdn。github 官方文档获取现阶段官方文档 CDN 网址。

不同文件名，在执行命令时的优先级，从左到右，中需要使用，创建环境变量时，必须以。文件的，需要手动创建，也可以使用。环境变量定义好之后，在代码中通过。例如：访问上面定义的。前后空格可留可不留。

hooks一套能够使函数组件更强大，更灵活的 “钩子”。React体系里组件分为类组件和函数组件。经过多年的实战，函数组件是一个更加匹配React的设计理念，也更有利于逻辑拆分与重用的组件表达形式，而先前的函数组件是不可以有自己的状态的，为了能让函数组件可以拥有自己的状态，所以从开始，Hooks应运而生。有了hooks之后，为了兼容老版本，class类组件并没有被移除，俩者都可以使用。有了hooks之后，不能在把函数成为无状态组件了，因为hooks为函数组件提供了状态。hooks。

对象的组件，这个组件会从组件树中离自身最近的那个匹配的。只有当组件所处的树中没有匹配到。

获取，如果想获取组件实例，必须是类组件。，返回值为一个对象，内部有一个。函数组件由于没有实例，不能使用。元素对象或者是组件对象。绑定要获取的元素或者组件。在函数组件中获取真实的。

【代码】React 函数组件与类组件属性默认值。

自起已弃用。后续使用prop-types库代替，出于性能考虑，propTypes只在开发模式下进行检查，也就只需要安装到开发环境即可。yarn安装npm安装。

属性表示该组件的子节点，只要组件内部有子节点，就有该属性，是自动带上的，不需要开发者添加。

报错，详解，所以执行之前，一定要做好备份工作，因为这个步骤不可逆转，也不是官方推荐执行的命令。是默默隐藏的幕后英雄，不需要修改它的配置，只需要简单无脑使用即可。的翻译是：喷出，就是说把这些配置文件，从隐藏的位置给喷出来。提供了一个命令，用于释放这些配置。并不推荐大家这么做，因为这个步骤无法逆转。这里经常遇到问题，产生报错，无法往下进行。通过脚手架创建完项目后，会发现没有任何。执行完毕后，项目根目录下面就有。，里面的源码都是不建议修改的。那么如何才能完成修改。目录下面，但是这个目录是。，也更新了新的命令。

写代码过程中会及时反馈错误信息。组件无自动补全，进入设置输入。无自动补全，进入设置输入。