搜索结果
查询Tags标签： react，共有 922条记录-
React 类组件转换为函数式
函数式的 React 组件更加现代，并支持有用的 hooks，现在流行把旧式的类组件转换为函数式组件。这篇文章总结了转换的一些通用的步骤和陷阱。通用替换 定义 从 class (\w+) extends Component \{改为 const $1: FC = () => {这是没有 export 和 props 的场景从 (export…
2023/12/31 5:02:14 人评论 次浏览 -
React Hook 之 Effect ：同步与外部系统的数据
有时组件中的数据需要与外部系统的数据或操作同步，React提供了Hook Effect。 Effect 会在组件渲染后运行一些代码，以便将组件与 React 之外的某些系统同步，包比如浏览器 API、第三方小部件，以及网络请求等。 如以下的video播放器的简单加载： // 声明 Effect import {…
2023/12/27 1:02:38 人评论 次浏览 -
react项目搭建-路由封装
router v6 路由统一管理与添加，对是否登录进行判断。 1.使用脚手架创建项目 新建一个文件夹 ，在文件夹内部打开命令行工具。 执行命令：npx create-react-app 项目名字 将项目放在开发工具中，打开项目终端运行项目（npm start / yarn start)注：npx命令会帮助我们临时安…
2023/8/19 11:53:14 人评论 次浏览 -
React SSR - 写个 Demo 一学就会
React SSR - 写个 Demo 一学就会 今天写个小 Demo 来从头实现一下 react 的 SSR，帮助理解 SSR 是如何实现的，有什么细节。 什么是 SSR SSR 即 Server Side Rendering 服务端渲染，是指将网页内容在服务器端中生成并发送到浏览器的技术。相比于客户端渲染（CSR），SSR 一…
2023/6/19 1:22:25 人评论 次浏览 -
react中useRef的应用
何为useRef useRef是随着react函数式组件发展而来的，是react众多官方hook中的一个，调用useRef可以返回一个伴随这组件整个声明周期不发生改变的对象，这个对象常见的用途有两个：用于绑定dom元素，从而实现对dom元素的操作 用于保存不希望随着组件重新渲染而改变的值，如…
2023/5/26 1:22:12 人评论 次浏览 -
React笔记-组件通信(六)
React笔记-组件通信(六) props概念 props是组件之间通讯的纽带 props也是组件中内置的一个属性 通过父级组件传入 在类组件里 可以直接通过this.props获取注意:props是不可变的(只读) 修改需要从传值的组件中修改props改变会使视图重新渲染组件传值 父传子在父组件里的子组…
2023/5/12 1:22:15 人评论 次浏览 -
腾讯地图开发填坑总结
前言：腾讯地图分为两个版本，版本1是以Tmap为标志，链接为https://map.qq.com/api/gljs?v=1.exp的1为主， 版本2是以qq.map为标志，链接为https://map.qq.com/api/gljs?v=2.exp的2为主， 可以在导入了在线链接的页面上使用window.T或者window.q找到其地图，这是由于在导…
2023/4/20 18:23:12 人评论 次浏览 -
javascript开发框架全面介绍？一文了解react、angluarJS、Node.js HumanJS、ExpressJS几个web框架的特点与优势-icode9专业技术文章分享
JavaScript 是一种非常流行且功能强大的编程语言，它与 HTML 和 CSS 一起用于创建网站的前端开发以及各种特效的展示。并且发展出了react、angluarJS、Node.js HumanJS、ExpressJS等多种web开发框架。这些框架内部结构完善成熟，并且不再局限于只针对web的前端开发，对于后…
2023/1/21 14:53:58 人评论 次浏览 -
使用 React Lazy 和 Suspense 提高性能
React是一个用于构建用户界面的流行JavaScript库，它提供了许多用于提高应用程序性能的功能。其中一个特性是延迟加载，它允许您仅在需要时加载应用程序的某些部分，而不是一次加载全部。结合 Suspense 组件，您可以轻松地在 React 应用中实现延迟加载，以提高性能并提供更…
2022/12/30 1:24:02 人评论 次浏览 -
使用 React 构建一个计数器应用程序
计数器是初学者开发人员（像我）在学习新框架时首先要做的事情之一。并且有充分的理由。这是引入初始化、设置和更新状态以及事件处理程序等概念的简单方法。由于它的简单性，它也可以用来学习更高级的概念。在这里，我使用了一个计数器应用程序来学习如何正确地实现一个自…
2022/12/25 23:24:01 人评论 次浏览 -
在 React 测试库中使可重用的 get 方法
在编写单元和集成测试时，我试图找到如何干净地编写它们的最佳方法。我正在使用 React 测试库，因此已经很好地使用了良好的模式。但是，最近我偶然发现我一次又一次地重复使用相同的方法来从 DOM 获取元素。大多数情况下，使用名称 prop 用于按钮和输入。唯一的区别是第一…
2022/11/17 23:24:52 人评论 次浏览 -
2022年最受欢迎的5个React组件库和框架
说到前端语言，JavaScript是最难掌握的语言之一。大多数网站（95.2%）都是使用JavaScript创建的。它是一种客户端编程语言，允许用户通过窗口、按钮、菜单和表单等功能进行输入。它用于游戏、动画和其他媒体。作为世界上使用最广泛的语言之一，JavaScript已取代HTML成为构…
2022/11/17 14:24:53 人评论 次浏览 -
【金秋打卡】第9天 react16实现订单列表和评价功能
课程名称：react16实现订单列表及评价功能课程章节：react基础知识回顾课程讲师： 艾特老干部课程内容：1、JSX2、Props和State：组件之间的交互，props传参，state设置数据状态3、组件生命周期课程收获：这节课的内容主要是回顾了react的基础知识。通过react官方文档，过…
2022/11/2 4:24:53 人评论 次浏览 -
如何使用 TailwindCSS 框架设置 React + Vite 项目
介绍在本文中，我们将学习如何使用 TailwindCss 使用 Vite 设置 React 应用程序。React 是一个用于前端开发的 JavaScript 框架，被前端开发人员广泛使用。Tailwindcss 是一个 CSS 框架，目前很流行，大多数开发人员都在使用，就像 Bootstrap 和其他框架一样。 步骤 1在我…
2022/11/1 6:24:57 人评论 次浏览 -
【金秋打卡】第3天 React（3）
课程名称：前端框架及项目面试 聚焦Vue3/React/Webpack课程章节：第7章 React 使用主讲老师：双越课程内容： 再见 不参加了 在哪删除啊？再见 不参加了 在哪删除啊？再见 不参加了 在哪删除啊？再见 不参加了 在哪删除啊？再见 不参加了 在哪删除啊？再见 不参加了 在哪删…
2022/11/1 3:25:00 人评论 次浏览
