![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
react
文章平均质量分 84
飞翔在蓝天下的蜂鸟
越努力,越幸运
展开
-
react-flip-move结合array-move实现前端列表置顶效果
录屏转gif图片感觉还是有点卡卡的,真实效果其实更丝滑些,感兴趣的小伙伴可以直接上手试一下哦,嘿嘿~你有没有遇到这样的需求?点击左侧列表项,则像聊天会话窗口一样将被点击的列表项置顶。到这里,我们可以看到会话置顶的效果已经有了,但是就是有亿点点突兀,哈哈哈!所以,我为了给它加一个平滑的过度,找到了一个很好用的轮子,就是。的情况(说明:本文只展示功能实现核心代码),使用起来也非常方便,直接包裹一层就好啦。就可以实现了,但置顶效果多少有点突兀~如果只是单纯的置顶的话,直接使用。原创 2023-11-30 17:56:18 · 674 阅读 · 0 评论 -
Ant Design在React hooks项目中的使用问题记录
本文主要记录本人在使用antd开发react hooks项目过程中,遇到的组件使用上的问题记录。总结一句话:多多熟悉官网文档,没有过不去的坎!内容涉及以下antd组件:Form 组件Select 组件TreeSelect 组件Table 组件Pagination 组件ConfigProvider官方文档链接:点击查看 Ant Design 官方文档一、Form 组件表单默认值设置问题复杂的动态新增表项问题动态新增默认值设置问题多选Select导致表单样式错位问题自定义组件问题原创 2022-06-02 13:39:27 · 692 阅读 · 0 评论 -
react+umi+antd项目搭建常用配置
还记得上一次写React项目还是写的class component,不知不觉,React已经进入了使用hooks的时代。今天,就先跟大家分享说明一下项目中常用的配置,以后时间再写一篇关于hooks的专题文章。很久没有写文章了,如有问题欢迎留言评论,也请朋友们多多包涵!先来一波官方文档链接:UmiJS官方文档React官方文档Ant Design官方文档一、项目搭建对于react umi项目搭建,umi官方文档已经写的很清晰了,具体请查看上面的umi官方文档链接。这里我不再详细说明,着重说明一些原创 2022-02-23 16:53:24 · 7935 阅读 · 2 评论 -
初识react之react+webpack+es6环境配置步骤整理
今天下午在朋友的帮助下,我顺利完成了react的环境安装配置,怀着激动的心情,写下这篇文章,希望能帮助更多刚进入react学习的朋友们。接下来,就进入配置吧:1. 从官网下载最新版本的Node.js安装 下载地址:nodeJs官网下载2. 安装完nodejs之后,打开cmd终端输入一下命令安装webpack npm install webpack -g3.原创 2017-07-21 16:54:20 · 8169 阅读 · 0 评论 -
create-react-app脚手架安装使用
首先,确保已经安装了node,如果没有安装node可先去node.js中文网下载安装。使用命令 npm i -g create-react-app 全局安装create-react-app检测create-react-app是否安装成功 create-react-app -V 注意,V是大写。如果出现版本号,则表示安装成功,不过如果你当前安装的node版本不支持你安装的create-rea...原创 2018-10-26 15:18:44 · 2475 阅读 · 0 评论 -
react项目中antd组件库的使用需要注意的问题
antd是蚂蚁金服推出的ui组件库,给我们在react项目开发中提供了大大的便利。但在使用的过程中,或多或少的会遇到一些问题,毕竟,用的是别人的东西,就得遵守别人的规则嘛!官方文档:https://ant.design/docs/react/introduce-cn1. 国际化(中文化)通过官方文档我们可以知道,很多组件如DatePicker、Modal等等默认的文本都是英文。如果是输入框的提...原创 2018-12-19 14:30:52 · 4158 阅读 · 0 评论