React
文章平均质量分 76
Coder螺丝钉
shut up!show me your code.....
展开
-
跟着案例一次搞定React-Hooks
React Hooks 中允许我们通过自定义 Hooks 实现公共逻辑的抽离,在不同组件之间复用。自定义 Hooks 中可以使用官方提供的 Hooks 特性定义状态数据和实现逻辑,将逻辑封装起来,通过 return 的方式返回外部需要的状态和方法,不同的组件调用同一个 hook 只是复用了组件的逻辑,并不会共享状态。自定义 Hooks 都以use开头。// 自定义hook function useCount() {原创 2022-09-02 15:16:04 · 278 阅读 · 1 评论 -
基于react和rc-viewer封装一个图片预览组件
在项目实战开发中,图片预览是非常常见的需求,尤其是在做后台管理系统中,我们都知道在使用Vue开发的项目中,v-viewer是一个基于Vue和Viewer.js封装的非常好用的第三方图片预览组件。其实Viewer.js也有基于React封装的版本,那就是rc-viewer。但是,在实际开发中,我们可能有很多页面都需要使用到图片预览功能,作为一个有追求的程序猿,当然无法接收相同的事情重复干。基于组件化的开发思想,今天我们将基于react和rc-viewer二次封装一个图片预览组件。原创 2022-09-02 15:15:27 · 680 阅读 · 0 评论 -
Redux手把手教学,有这篇就够了
Redux 是 React 框架下的一款状态管理工具,可以实现多个组件之间的数据共享和传递。学习和掌握 Redux 以及周边生态可以使我们更好的进行 React 项目开发。下面我们就详细的讲述 Redux 在实际项目开发中的使用。原创 2022-09-02 15:14:56 · 2894 阅读 · 0 评论 -
一锅烩了那些React项目开发绕不过去的配置
习惯了使用Vue开发的小伙伴,如果突然切换到React技术栈,刚开始肯定会有些手足无措,因为相比Vue的脚手架Vue-cli,React官方提供的脚手架工具则显得没有那么友好。在Vue-cli中,如果想要扩展webpack配置,只需要在项目的根目录新建一个文件,在该文件中进行配置即可。但是则没有那么简单,它把所有的webpack配置都集成在了的依赖包中,我们无法直接修改的,官方提供了一个命令可以执行脚本将。原创 2022-09-02 15:13:18 · 1131 阅读 · 0 评论