- 博客(10)
- 资源 (1)
- 收藏
- 关注
原创 React封装点击左右按钮滚动元素内容
本文介绍了React中可滚动Tabs组件的实现方法。通过封装ScrollView组件,实现了左右滑动按钮控制和内容滚动功能。核心实现包括:1)使用useState管理左右按钮显示状态和当前位置;2)通过useEffect计算内容宽度并判断是否显示右侧按钮;3)实现controlClickHandle函数处理按钮点击,计算新位置并更新视图。组件采用transform进行平滑滚动,动态调整按钮可见性,提供了良好的用户体验。
2025-07-25 11:16:13
139
原创 React接口联动获取数据流程(@reduxjs/toolkit)
2、数据管理(在store文件夹下创建index.js和需要存储数据文件)3.在store下的index中进行数据的管理。1、在service中请求数据。
2025-05-15 11:40:40
131
原创 React接口联动获取数据流程
2、数据处理(创建store文件夹下创建一个demo文件加里面再分别创建actionCreators.js、constants.js、index.js、reducer.js文件)(2) actionCreators代码。1、在service中请求数据。(4)最后在index中导出。(1)constant代码。(3)reducer代码。
2025-04-29 10:08:28
167
原创 ts封装localStorage,sessionStorage,在vue3中使用
Vue 3 下,使用 TypeScript 封装了 localStorage 和 sessionStorage。
2023-12-27 22:44:29
1795
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅