技术栈
react.js
巴巴_羊
16 小时前
前端
·
react.js
·
前端框架
React useMemo函数
不使用useMemo函数时,在其他State发生变化时UI也会被重新渲染
巴巴_羊
17 小时前
前端
·
javascript
·
react.js
React memo
zhangguo2002
17 小时前
javascript
·
react native
·
react.js
react native和react在跨端架构上有什么区别?
react:相当于我们还是写的div,最终是app里嵌入了一个浏览器进行渲染react native:使用了一个类似div的标签,最终是调用原生API进行渲染。本质还是JS和native通信,所以有异步和序列化的问题。比如连续手势的卡段,数据序列化的耗时。
阿珊和她的猫
17 小时前
javascript
·
react native
·
react.js
React Native 开发环境搭建:从零开始
🤍 前端开发工程师、技术日更博主、已过CET6 🍨 阿珊和她的猫_CSDN博客专家、23年度博客之星前端领域TOP1 🕠 牛客高级专题作者、打造专栏《前端面试必备》 、《2024面试高频手撕题》、《前端求职突破计划》 🍚 蓝桥云课签约作者、上架课程《Vue.js 和 Egg.js 开发企业级健康管理项目》、《带你从入门到实战全面掌握 uni-app》
巴巴_羊
21 小时前
前端
·
react.js
·
前端框架
React useCallback函数
渔舟唱晚@
21 小时前
javascript
·
react native
·
react.js
React Native 从零开始完整教程(环境配置 → 国内镜像加速 → 运行项目)
本教程将从 环境配置 开始,到 国内镜像加速,最后成功运行 React Native 项目(Android/iOS),适合新手和遇到网络问题的开发者。
进取星辰
1 天前
前端
·
javascript
·
react.js
16、路由守卫:设置魔法结界——React 19 React Router
"路由守卫是霍格沃茨城堡的隐身斗篷,在时空裂隙中精准控制维度跃迁!" 魔法部交通司官员挥舞魔杖,React Router 的嵌套路由在空中交织成星轨矩阵。 ——基于《国际魔法联合会》第7号时空协议,路由守卫通过权限验证、加载状态管理和异常拦截,构建了Web应用的多维度安全防御体系。
等下吃什么?
1 天前
react.js
React19 useOptimistic 用法
乐观更新const [optimisticState, addOptimistic] = useOptimistic(state, updateFn)
哟哟耶耶
2 天前
前端
·
javascript
·
react.js
react-10样式模块化(./index.module.css, <div className={welcome.title}>Welcome</div>)
避免各个组件类名相同 相关样式冲突所以需要样式模块化。比如在组件Hello中的样式引入,将样式文件名更改为index.module.css如下图。
苦夏木禾
2 天前
javascript
·
react.js
关于react19版本更新后部分组件无法正常使用的问题
我们在使用像是提示、弹窗等静态方法时,会报错reactRender is not a function;这是由于 React 19 调整了 react-dom 的导出方式,导致无法直接使用 ReactDOM.render 方法
qq_58956810
2 天前
笔记
·
学习
·
react.js
·
ajax
react学习笔记2——基于React脚手架与ajax
第一步,全局安装:npm i -g create-react-app第二步,切换到想创项目的目录,使用命令:create-react-app hello-react
孙俊熙
2 天前
前端
·
react.js
·
前端框架
react中封装一个预览.doc和.docx文件的组件
主要用到了mammoth这个插件,mammoth.js是一个JavaScript库,主要用于将Microsoft Word文档(.docx格式)转换为HTML。它可以通过Node.js环境使用,也可以直接在浏览器中使用。
爱笑的眼睛11
3 天前
javascript
·
react native
·
react.js
React Native 入门 jsx tsx 基础语法
JSX (JavaScript XML) 是一种 JavaScript 的语法扩展,允许你在 JavaScript 文件中编写类似 HTML 的代码。它是 React 和 React Native 应用程序中用来描述 UI 的主要方式。
刺客-Andy
3 天前
前端
·
react.js
·
前端框架
React 第三十六节 Router 中 useParams 的具体使用及详细介绍
用途:用于在组件中获取当前 URL 的动态路由参数(如 /user/:id 中的 id)。1、参数未定义的可能性 如果 URL 路径不匹配路由定义的动态参数,useParams 可能返回 undefined。需通过可选链操作符或默认值处理:
哟哟耶耶
3 天前
javascript
·
vscode
·
react.js
react-11使用vscode开发react相关扩展插件(相关的快捷生成)
转载于此博主仅做学习记录插件:ES7+ React/Redux/GraphQL/React-Native snippets 使用指南VS Cod - 掘金
ylineyline
3 天前
android
·
react native
·
react.js
·
截断
·
多行
·
cut off
React-Native Android 多行被截断
如图所示:使用相同的react-native代码,运行在两个APP(demo 和 project)上。demo 展示正常,project 展示不正常。
爱笑的眼睛11
3 天前
javascript
·
react native
·
react.js
React Navigation 使用指南
React Navigation 是 React Native 中推荐的路由管理方案。自动适配 iOS 和 Android 平台的视觉规范与交互逻辑,例如:
刺客-Andy
3 天前
前端
·
javascript
·
react.js
·
前端框架
React 第三十五节 Router 中useNavigate 的作用及用途详解
useNavigate 是 React Router v6 中引入的一个钩子函数,用于编程式导航。它替代了旧版本(v5及以下)中的 useHistory,提供了更简洁的 API 来实现页面跳转、历史记录操作(如前进/后退)等功能。
soragui
3 天前
前端
·
react.js
·
前端框架
【React】轻松掌握 React 中 useEffect的使用
你有没有想过,为什么你的 React 组件能够轻松应对周围发生的变化,比如每当有新数据到来时自动更新,或者处理可以动态响应实时事件的组件?这就是 useEffect 的用武之地!这个强大的钩子(Hook)就像是组件管理副作用和快速响应变化的秘籍。今天,我们就来探讨一下 useEffect,了解它是如何工作的、为什么我们需要它,并通过实际场景来展示你为什么会想用到 useEffect。那让我们开始吧!