![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
react
祁沐白神
记录点点滴滴
展开
-
使用react-dnd做一个拖拽排序
有些需求要求排序,拖拽排序无疑是一个很好的交互首先引入react-dndimport React from 'react'import {DragSource, DropTarget} from 'react-dnd'效果图使用cosnt pic_arr = [] // 需要渲染的数组,自己定义!...{ _.map(pic_arr, (item, index) => { const prop = { move: this.moveRow原创 2020-08-04 19:19:09 · 1821 阅读 · 0 评论 -
vs code,react代码自动补全
在设置里添加以下代码即可"emmet.includeLanguages": { "javascript": "javascriptreact" }原创 2020-06-30 19:10:00 · 752 阅读 · 0 评论 -
react+antd,简单实现接口请求loading效果
发送请求时showLoading(), 请求失败hideLoading()// 当前正在请求的数量let requestCount = 0// 显示loadingfunction showLoading () { if (requestCount === 0) { var dom = document.createElement('div') dom.setAttribute('id', 'loading') document.body.appendChil原创 2020-06-17 17:04:09 · 6763 阅读 · 0 评论 -
React将Modal中组件销毁
将组件放到Modal组件中进行弹框显示,可是只有在Modal第一次显示时,才会执行子组件的componentDidMount(组件生命周期中只执行一次),获取数据的方法写在了componentDidMount中,这就导致数据发生变化后,弹窗里的数据并没有发生更改。方法一:使用变量控制,关闭Modal时将变量this.setState({ SortingModal: false}), 简单粗暴...原创 2019-01-29 15:55:12 · 2735 阅读 · 1 评论 -
ant design中upload组件上传大文件,显示进度条进度条
Upload组件是自带上传进度,但是样式调起来很麻烦,我们要做的就是自定义一个首先页面要引入组件 Upload, ProgressuploadAttachmentsProps = { action: `/api/upload`, showUploadList: false, // 这里关闭自带的列表 beforeUpload: (info) => { /* 上传前的钩子,可以用来...原创 2019-06-06 15:34:43 · 17529 阅读 · 2 评论