react
Yetian_2000
这个作者很懒,什么都没留下…
展开
-
react使用的antd组件库之DatePicker组件线上和线下显示中英文混合bug解决
1、首先到package.json文件中看有没有moment插件的引入;2、运行:npm install -S moment // 若有moment的最新版本引入 可跳过该步骤, 建议使用moment的最新版本;3、在使用DatePicker组件的文件处最上面 需要导入两个插件import ‘moment/locale/zh-cn’;import locale from ‘antd/es/date-picker/locale/zh_CN’;再在DatePicker组件中加入locale属原创 2021-07-01 10:23:51 · 1038 阅读 · 0 评论 -
create-react-app搭建项目二---之配置路由
create-react-app搭建项目的步骤详见:https://blog.csdn.net/Yetian_2000/article/details/116739407搭完项目后是调整项目结构,把自动生成不用的文件这里我放在了initConfig路径下在app.tsx里引入路由文件router.tsx注意下面的写法需要,当初碰到了使用hooks时一直报hooks的使用调用不对,react版本不对等问题。...原创 2021-05-17 19:08:53 · 496 阅读 · 0 评论 -
create-react-app脚手架搭建支持typescript和less的项目(配置import文件基于src的绝对路径)
是在确定已安装node和npm的条件下1、控制台输入:npm install -g craete-react-app //全局安装create-reat-appp脚手架2、在指定的目录下:create-react-app my-react-app --template typescript执行完创建的项目目录结构3、配置支持less文件1)、安装craco: npm install @craco/craco --save2)、安装@babel/plugin-proposal-decorator原创 2021-05-13 14:35:26 · 511 阅读 · 1 评论 -
react项目中集成ckplayer播放器插件
最近在学习ckplayer播放器,想把它用于web上播放公司的摄像头监控视频。下面记录一下1、下载ckplayer包下载地址2、把下载后的包解压后把ckplayer文件夹及里面的内容一起复制到需要集成项目的公共文件下,我这里的项目配置的公共文件夹为public3、在项目的入口index.html模板文件下引入 <script type="text/javascript" src="%PUBLIC_URL%/ckplayer/ckplayer.js" charset="utf-8" dat原创 2020-10-30 16:48:49 · 1052 阅读 · 0 评论 -
ant desigin使用之select选择器搜索展示内容与所搜框分离
今天在使用select时搜索后没有选定搜索的内容后,鼠标滚动时发现搜索框内容分离问题。需要在select中添加getPopupContainer参数来使搜索内容渲染到器父节点上。不加该参数搜索展示内容默认是展示在body上的,所以才有分离显示现象。const { Select} = antd;const Option = Select.Option;var Hello = React.createClass({ render() { return <div style={原创 2020-10-30 12:31:47 · 661 阅读 · 0 评论 -
react中使用的ant design的message提示的事件关闭
今天碰到一个组件中的一个提示内容特别长,产品要求提示弹窗的显示时间给个10S的展示,但是在这个10s内用户会切换到其他的组件,但是使用的ant design 插件的message提示功能 ,react中就很难原生控制这个提示框的关闭。最终是在组件销毁的周期函数中写了一个:message.destroy();这个问题就解决了,今天在这里备注一下。同样会有一个弹窗一直提示的bug也可以使用这个destroy()来解决。就是在每次message.info()弹窗之前执行message.destroy()原创 2020-10-30 12:08:01 · 5369 阅读 · 0 评论 -
react之JSX本质
Jsx是语法糖,实质是js函数,需要babel来解析,核心函数是React.createElement(tag,{attrbuties},children),参数tag是标签名可以是html标签和组件名,attrbuties参数是标签的属性,children参数是tag的子元素。用来创建一个vnode,最后渲染到页面上。可以参考babel中文网试一试测试:babel测试地址...原创 2020-09-23 12:11:44 · 309 阅读 · 0 评论