![](https://img-blog.csdnimg.cn/952be649ebb749b48787434d3cb76a90.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
React
文章平均质量分 54
生命周期那么难记,当然要用hooks啦~
花贝是只猫
一只不断努力学习前端的小白兔~
展开
-
react中dom监听方法内值不更新
在addEventListener监听方法时,获取的值都是最初的值,没有改变。经过疯狂百度后发现是因为addEventListener里面形成闭包了,所以什么值都不更新。原创 2022-11-16 14:24:25 · 737 阅读 · 0 评论 -
react动态创建绑定dom的ref
封装的quill编辑器需要通过ref来操作获取输出内容,而编辑器是动态增加的,所以不能一开始就定义好每个ref,所以选择动态生成原创 2022-11-16 14:22:58 · 1151 阅读 · 0 评论 -
react的KeepAlive插件使用
总所周知vue自带KeepAlive功能,但是像我的博客是react写的,想要在点入详情的保存列表的滚动状态,目前来说只能自己做或者使用插件。使用window.scrollTo()这个方法,在列表页面卸载时记住滚动条的位置,放到redux中,列表页面装载之后读取位置进行滚动。这种使用方法有点弊端,滚动的时候很明显,就显得很呆。......原创 2022-06-17 12:55:17 · 875 阅读 · 0 评论 -
写一个react组件并发布到npm
首先就要到npm官网注册一下啦,编译工具我选择了rollup我们可以先创建一个react项目,在里面写好组件再编译好之后再copy出来发包,便于调试。先写一个基础的toast提示窗组件编译全局安装rollup,方便以后使用增加一些依赖在根目录创建rollup.config.js文件,添加rollup配置在根目录新建 .babelrc文件,添加babel配置然后执行编译命令发npm包把/lib文件夹中编译好的文件copy到新的目录中,在这个目录下执行npm配置文件命令这样我们的react原创 2022-06-04 17:00:58 · 733 阅读 · 1 评论 -
redux原理理解及使用基础
本文主要说明redux的原理、独立使用方法、在react中的使用方法以及结合toolkit工具的使用原创 2022-06-01 11:04:42 · 461 阅读 · 2 评论 -
如何在服务器启动一个react项目
当我满心欢喜的写了一个react项目想与人分享时候,总不能直接把源码穿过去并让人家本地启动去看吧~so,今天就来说一下如何在服务器上启动一个通过域名访问的react项目首先要在本地的react项目中打包编译,如果没配置打包命令,默认编译命令:npm run build将打包好的build文件夹压缩一下,拖到服务器中,我一般是会放到home文件夹下,大家可以自行选择在服务器中解...原创 2020-04-10 10:32:03 · 3845 阅读 · 1 评论