![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
React
文章平均质量分 76
小墨蛇
大道至简 一个一个来
展开
-
react的开发中关于图片的知识
react的开发中关于图片的知识1.react中使用图片2.在jsx文件中使用图片3.在css文件中使用图片4.图片的路径讲解 ./含义 /含义 @含义5.使用图片的案例6.react中使用图片方式和html的区别原创 2023-11-24 18:42:53 · 664 阅读 · 0 评论 -
react-router-dom 版本6.18.0中NavLink的api和属性介绍
有时候,我们希望 NavLink 的激活状态不仅仅是路径匹配,还要满足一些其他的条件,这时可以使用 isActive 属性。// 自定义激活状态的逻辑这个 NavLink 组件会根据自定义的激活状态逻辑来判断是否激活。使用逻辑原创 2023-11-17 20:36:41 · 1062 阅读 · 0 评论 -
react中设置activeClassName的笔记
React是一种流行的JavaScript库,用于构建动态用户界面。它具有许多有用的组件,其中之一是NavLink组件。NavLink组件用于在React应用程序中创建链接,并且它具有许多有用的属性,例如选中的样式设置。原创 2023-11-17 20:24:21 · 760 阅读 · 0 评论 -
react的1.函数组件2.usestate3.useeffect4.ref5.fragment6.contex 代码加注释
React是一种流行的JavaScript库,用于构建用户界面。它提供了许多有用的功能,其中包括函数组件、useState、useEffect、ref、fragment和context。在本文中,我们将深入探讨这些功能,并提供代码示例和注释。原创 2023-09-24 23:17:03 · 321 阅读 · 0 评论 -
redux一步一步的使用
redux-----我觉得就是一个 小型数据库这个数据库保存的数据可以在全组件调用因为组件传值不是很方便大家走知道 组件存在传值的操作如果父子传值还好就怕多层传值 以及兄弟传值数据来回的传递为了解决这个多组件 跨组件的传值问题 出现了redux把redux 独立出来一个仓库store 这个数据所有组件都可用都可改变这样多层的父子传值就解决了。原创 2023-09-20 20:09:55 · 67 阅读 · 0 评论 -
react-route的路由
React-Router是一个基于React的强大路由库,它可以帮助我们在React应用中实现页面之间的跳转和路由管理。本文将详细介绍React-Router的路由功能、常用功能模块、路由传参和路由嵌套,并提供相关代码和解释。原创 2023-09-18 23:28:59 · 303 阅读 · 0 评论 -
React的 虚拟DOM创建
虚拟DOM是React的一个重要概念,它可以提高性能和渲染速度。我们可以使用JSX语法创建虚拟DOM,并使用方法将其渲染到页面上。在实际开发中,虚拟DOM可以帮助我们更轻松地创建复杂的UI组件,同时保持良好的性能和可维护性。原创 2023-09-04 23:49:46 · 559 阅读 · 0 评论 -
React的jsx的用法
它使用一种名为JSX的语法扩展来描述组件的结构和样式。JSX是React的核心语言之一,它允许开发人员在JavaScript中编写HTML,从而使代码更加简洁和易于阅读。总之,JSX是一种非常强大和灵活的语法扩展,它使React开发人员能够更轻松地编写和组织代码。通过使用JSX,我们可以将HTML、JavaScript和CSS等不同类型的代码组合在一起,从而创建出美观、灵活和易于维护的用户界面。的函数组件,它返回一个包含HTML标记的JSX元素。的属性,它是一个包含多个对象的数组。原创 2023-09-04 23:43:36 · 937 阅读 · 0 评论