安装安装Route组件：npm i react-router-domRoute组件介绍BrowserRouter：所有需要路由的组件，都要包裹在BrowserRouter组件内Link：跳转到某个链接，to属性表示跳转到的链接Routes：类似于C++中的switch，匹配第一个路径Route：路由，path属性表示路径，element属性表示路由…

redux将所有数据存储到树中，且树是唯一的。Redux基本概念store：存储树结构。state：维护的数据，一般维护成树的结构。reducer：对state进行更新的函数，每个state绑定一个reducer。传入两个参数：当前state和action，返回新state。action：一个普通对象，存储reducer的传入参数，一般描述对sta…

安装npm i bootstrap20250405更新使用reaact-bootstrapnpm install react-bootstrap bootstrap引入在main.jsx中引入import 'bootstrap/dist/css/bootstrap.css'; import 'bootstrap/dist/js/bootstrap.…

参考资料： https://stackoverflow.com/questions/79289166/something-is-wrong-with-my-react-installation-node-as-a-whole问题：当使用 create-react-app时出现如下报错npm error code ERESOLVE npm error…

问题背景在前端开发中，尤其是本地开发时，我们常常直接通过双击 HTML 文件的方式使用浏览器打开网页，路径通常是 file:// 开头的 URL。例如：file:///D:/web_study/20241217/index.html在这种情况下，如果你尝试加载 JavaScript 文件，会遇到以下报错：报错信息Access to script a…