React
文章平均质量分 51
web Rookie
这个作者很懒,什么都没留下…
展开
-
JSX语法
JSX是一种JavaScript的语法扩展,用于描述页面,并且可以和JavaScript融合在一起,不同于Vue的模板语法,没有Vue中的一些指令(v-if,v-show,v-for),在react 中直接将 JSX 语法和 HTML 语法书写在了一起,这种写法就是JSX原创 2023-12-03 21:21:57 · 337 阅读 · 0 评论 -
antd全局中文化配置
日常开发中经常使用 antd, 记录一下全局中文化配置。原创 2023-09-26 20:36:03 · 444 阅读 · 0 评论 -
react 中使用echarts
之前项目中图表一直使用的是 `ant design echarts` ,但是由于 `antV` 的图表不兼容 CSS `transform: 'scale' `缩放属性;项目是通过 `scale`缩放实现不同比例适配, `scale `属性会导致图表的图例等焦点位置错误;转而使用 `echarts`;原创 2023-09-04 22:03:27 · 1110 阅读 · 0 评论 -
react-dnd实现列表拖拽排序
项目原本使用了`react-beautiful-dnd`来实现拖拽效果,由于项目中在最外层的`layout`布局中会根据屏幕的宽度和设置的适配宽度比较计算来得出` transform: 'scale`属性的值来做不同分辨率下的屏幕的兼容和适配;奈何 `react-beautiful-dnd`是根据 DOM 元素的位置和尺寸来计算的。当改变元素的缩放比例时,会改变元素的位置和尺寸,会导致拖拽操作的计算不准确,从而导致拖拽异常`拖拽的元素跑偏`.于是直接改用`react-dnd`,解决问题原创 2023-07-07 22:26:58 · 2352 阅读 · 0 评论 -
React Router中link标签和a标签的区别
在 React Router 中,`` 组件是用来处理路由导航的,它会生成一个可以点击的链接,并根据配置的路由规则更新应用程序的 URL。而 `` 标签是 HTML 中的原生链接元素,通过 href 属性指定链接的目标 URL,点击时会直接跳转到该 URL。原创 2023-06-09 10:44:32 · 868 阅读 · 0 评论 -
React中 Props和State的区别
在 React 开发中,是需要经常与数据进行频繁交互的.React 中数据的流向是自顶向下的,单向流动的,数据主要都是存储在`State` 和`Props`中,`Props`和`State`是组件数据的表示形式原创 2023-05-30 22:15:11 · 232 阅读 · 0 评论 -
react 实现短信倒计时功能
本文分享了工作中经常用到的倒计时功能实现,在react中实现发送短信后倒计时60s,具有参考借鉴的价值,有需要的朋友可以参考一下原创 2023-01-14 21:09:47 · 731 阅读 · 0 评论 -
React 之 hook
react之hook 介绍,简单了解原创 2022-07-13 22:30:01 · 206 阅读 · 0 评论 -
React跨组件传值
react 的跨组件传值,在项目中组件嵌套过多时,父子传值不在是最优的选择时,通过react 的 Context 实现传值给底层组件原创 2022-07-12 22:11:00 · 1377 阅读 · 0 评论 -
React 组件传值,函数传递
react 父子组件之间传值/传递函数,兄弟组件传值原创 2022-07-04 21:21:14 · 1494 阅读 · 0 评论