React
文章平均质量分 88
muzidigbig
凡事第一反应,找方法,而不是找借口;发现问题,反思,而不是急着辩解。
展开
-
nvm(管理Node版本)、nrm(管理镜像源) 详解
NodeVersionManager(NVM)在处理多项目中不同Node.js版本需求的解决方案。pnpm 至少支持的node版本为: 18.12nrm 是一个 npm 源管理器,允许你快速地在 npm源间切换。原创 2024-08-12 07:14:19 · 2488 阅读 · 0 评论 -
React 全讲解
React 是一个声明式,高效且灵活的用于构建用户界面的 JavaScript 库。React 主要用于构建 UI,很多人认为 React 是 MVC 中的 V(视图)。React基础React入门react-router路由懒加载 React.lazy() SuspensereduxReact类组件中的thisReact组件通信React.createElement()NavLink高亮react-app-rewiredconfig-overrides.jsclassnames原创 2024-08-06 07:33:39 · 1201 阅读 · 0 评论 -
为什么 React 的函数组件每次渲染执行两次
为什么 React 的函数组件每次渲染执行两次React 的函数组件在每次渲染时会执行两次的原因是什么?React 函数组件为什么会在渲染时执行两次而不是一次?React 函数组件为什么会执行两次而不是一次呢?有什么好处?原创 2024-08-16 09:08:28 · 1261 阅读 · 0 评论 -
React 中 react-i18next 切换语言( 项目国际化 )
首先在项目中安装i18n插件,然后将插件引入到项目,然后配置语言包(语言包需要你自己来进行配置,自己编写语言包,或者你能找到跟你项目适配的也可以),然后就用特定的方法来展示可以切换语言的字段。通过调用这个i18n changeLanguage(languageType) 这样一个方法就可以简单的修改我们当前的语言。3.4、 在reducer中要操作i18n的配置文件。:对 i18n 进行初始化操作及插件配置。config 中配置 切换语言。来完成语言配置的数据注入。,以存放国际化相关配置。原创 2024-08-12 07:15:40 · 656 阅读 · 0 评论 -
React 解决跨域
这里注意,http-proxy-middleware 模块是有版本区别的,默认安装最新版本,然后在 src 目录下新建。并非Webpack打包工具,直接使用server的proxy属性即可。react简单解决跨域可以直接在。http-proxy-middlewareAccess to XMLHttpRequest at 'xxx' from origin 'xxx' has been blocked by CORSpolicy: No 'Access-Control-Allow-Origin'原创 2024-08-08 09:02:17 · 585 阅读 · 0 评论 -
react-router-dom使用指南(最新V6.22.2)
查询参数不需要在路由中定义使用 useSearchParamshook 来访问和修改查询参数。其用法和 useState类似,会返回当前对象和更改它的方法使用 setSearchParams时,必须传入所有的查询参数,否则会覆盖已有参数// 当前路径为 /foo?// /foo?name=foo通过嵌套的书写Route组件实现对嵌套路由的定义。path开头为的为绝对路径,反之为相对路径react-loadableNavLink高亮useRoutes的返回是 React Element,或是 null原创 2024-08-06 16:47:23 · 924 阅读 · 0 评论 -
React---基础4(组件通讯)
1.父传子通过属性props传递:组件可以接受任意的 props(属性) ,包括原始值、React 元素,或者函数2.子传父(不共用状态,各自管理各自的状态)2.1 react导入库npm install pubsub-js --save2.2 react 页面引入pubsubjsimport PubSub from 'pubsub-js'2.3 pubsubjs使用发送消息:PubSub.publish(名称,参数)订阅消息:PubSub.subscrib(名原创 2020-11-23 16:44:03 · 248 阅读 · 0 评论 -
React---基础3(生命周期、axios)
十一、生命周期注意:React 是单页面的,即所有组件都是在初始化创建的时候全部被创建的(包括弹框),只是通过属性来显示和隐藏组件,并不会销毁和重建组件。因此,在子组件中,可以通过更新state时会触发的回调函数来做一些操作,如componentWillUpdate();但是若是在componentWillMount()做了一些操作的话,那么这些操作便只会触发一次,更新state或是显示出该组件(如弹框组件)时都不会触发这些操作,因为它们所在的回调函数在生命周期中只触发一次。1. 组件的原创 2020-11-23 12:11:34 · 456 阅读 · 0 评论 -
React---基础2(List/Key、表单(ref、event)、状态提升(共享组件)、组件占位符)
七、列表 和 键 列表(List), 键(Key) 回顾一下在javascript中如何转换列表:在数组中使用map()函数对numbers数组中的每个元素依次执操作const numbers = [1, 2, 3, 4, 5];const doubled = numbers.map((number) => number * 2);console.log(doubled) // 2, 4, 6, 8, 10 React 基本借鉴了以上写法,只不过将数组替换成了元素列表原创 2020-11-21 12:15:02 · 651 阅读 · 0 评论 -
React---基础1(元素、JSX、组件(生命周期)、props、state、事件、条件渲染、ES5函数互换ES6类)
react安装通过 npm 使用 React国内使用 npm 速度很慢,你可以使用淘宝定制的 cnpm (gzip 压缩支持) 命令行工具代替默认的 npm:npm install -g cnpm --registry=https://registry.npm.taobao.orgnpm config set registry https://registry.npm.taobao.org这样就可以使用 cnpm 命令来安装模块了:cnpm install [name].原创 2020-11-20 14:37:20 · 660 阅读 · 2 评论