![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
react
TuMinQiang
这个作者很懒,什么都没留下…
展开
-
后端传递数据过大,导致精度丢失的问题
今天在项目中遇到一个数据渲染的问题,有一个itemId的字段数据渲染时发生错误,数据为1010500100000301720,但是渲染上来发现是1010500100000301700,于是在控制台打印出返回结果,发现打印结果也是1010500100000301700,很奇怪,于是在Network和postman中依次将接口返回数据打印出来,发现都是1010500100000301720,这就很奇怪了,第一反应是在后续的代码中将返回结果值进行了修改(以前也遇到过,因为返回的是引用数据类型,很容易在后面不知不觉原创 2021-03-17 16:08:00 · 1347 阅读 · 0 评论 -
react项目中使用less
在react项目中使用less:1.首先安装less和less-loader:npm install less less-loader --save-dev2.还需要在webpack中进行配置:运行npm run eject,运行完毕后项目中会多出一个config的文件夹找到webpck.config.js,大约50行的位置添加less代码:// 新加lessconst lessRegex = /\.less$/const lessModuleRegex = /\.module原创 2021-03-16 16:09:45 · 1761 阅读 · 0 评论 -
antd中table内添加checkbox踩坑记录
table是一些管理系统经常需要使用的组件,如果想要在table中同时操作多项,可能需要在前面添加checkbox,今天在项目终于到一个坑,使用的是antd组件库,但是在按照官网的例子引入时,发现点击其中某一行的checkbox,会将所有行的checkbox同时选中在查阅官方文档后,发现有一个selectedRowKeys属性,文档上说selectedRowKeys需要和onChange 进行配合进行配合使用,onChange方法有两个参数function(selectedRowKeys, select原创 2021-03-15 17:09:54 · 3907 阅读 · 2 评论 -
antd在table中使用Dropdown怎么获取当前行的数据
今天在项目中使用到antd的Dropdown组件,搭配table一起使用,效果如图:希望在点击复制或者删除时能够获取到当前行的数据,通过查阅antd中table的api可知,Column有个render属性这里的record就可以获取到当前行的数据,问题在于如何将render中的record传递给Dropdown在查阅资料后,发现两种方法1.将Dropdown封装成一个组建,然后将数据传递给自组件,在子组件中打印this.props.data就可以获取当该值了<RiskD原创 2021-03-02 16:36:11 · 3482 阅读 · 0 评论 -
react+antd项目打包报错踩坑记录
今天在把一个react+antd项目打包部署到测试环境中,运行npm run eject将webpack的配置暴露时报错:This git repository has untracked files or uncommitted changes:在百度一番后发现了原因,是因为 git没有提交解决:1.运行git add . 2.然后git commit -am “Save before ejecting”之后你再运行npm run eject,就可以正常的将webpack暴露出...原创 2021-02-23 14:42:52 · 621 阅读 · 0 评论 -
antd可展开table的expandedRowRender的全部展开问题
在项目中使用到了可展开的table,再将antd中的代码迁移到自己项目中后,发现了一个bug:官网中的例子是每行单独展开,互不干扰的,但是我在引用代码后,发现我无论我点击哪个,所有的行都会展开,开始我以为是代码粘贴的错误,检查一番后,发现没有问题于是去阅读了一番table的api,展开功能的expandable下有个expandedRowRender控制展开的行于是我将record打印出来,发现点击展开时,他会将所有的行数据都打印出来,而同样的操作打印官网的例子,则不是,在查了一些资原创 2021-02-08 18:31:17 · 10785 阅读 · 4 评论 -
antd之RangePicker设置默认值
今天在项目中有使用到日期选择框,在antd中选择了一个可以选择起始时间和结束时间的日期选择框RangePicker有个需求是需要将当前时间和当前时间的前一天作为它的默认值,期间遇到了很多bug,在一番修改和csdn后终于修改好了,特此记录一下首先翻看一下antd中日期选择框的api,它有一个defaultValue的属性,如果是RangePicker的话,他是接受一个数组作为参数,分别作为起始和结束的时间默认值有点坑的地方在与我刚开始没看懂这里的moment[],是啥意思,它这里需要传入mo原创 2021-01-29 18:55:58 · 6792 阅读 · 0 评论 -
在react中使用codemirror
codemirror使用JavaScript为浏览器实现的多功能文本编辑器。codemirror作用:专门用于编辑代码,并带有实现更高级编辑功能的多种语言模式和附加组件codemirror的官网:https://codemirror.net/ (全英文的)react-codemirror的官网:https://www.npmjs.com/package/react-codemirror2安装:npm install codemirror --save如果你是在react使用的话,建.原创 2021-01-20 16:53:51 · 7041 阅读 · 9 评论