React
wwww....
啾~每天都在路上
展开
-
在useEffect使用setInterval引起的问题「无缝列表滚动例子」
需求????:使列表无缝滚动,采用改变marginTop来实现滚动,还没写完就就出问题了???? 代码如图所示, top值始终为0❓:起初一头钻进了为什么setTop没生效,不明白为什么top一直为0,为什么setTop会没有生效?(心里暗暗想着一定是涉及到了js什么执行机制,只是我无法理清????,好菜啊)????:后来在useEffect中添加top依赖,由此top的值变化了。????:对于图上代码分析下我当时的理解思路 ➡ 执行到useEffect的时候,开始第一次执行setScroll原创 2021-11-10 17:13:49 · 1885 阅读 · 5 评论 -
umi引入本地iconfont
如果你的目录和我的是一样的,那就快来看看吧~首先下载好iconfont文件1、将iconfont.js放在public目录下,使用绝对路径引用,因为在public下的文件在打包后会直接copy到/dist/下2、在app.tsx中配置layout属性iconfontUrl,使用require或者import引入即可...原创 2021-08-19 16:22:08 · 2406 阅读 · 2 评论 -
固定下拉列表
选择下拉框时,再去滚动页面,下拉框会fix在窗口上,也会遮挡住页面内容,解决方法: 在Select 标签加个getPopupContainer属性,如下图所示 <Select onChange={chooseRoom} placeholder="请选择仓储位房间" allowClear getPopupContainer={(triggerNode) => tri原创 2021-08-04 10:31:41 · 314 阅读 · 0 评论 -
react中braft-editor的基本使用
项目需求:实现照片上传,富文本为空时的提示,官网详见Braft Editorimport React, { PureComponent, Fragment } from 'react';import { connect } from 'dva';import BraftEditor from 'braft-editor'import 'braft-editor/dist/index.css'import moment from 'moment';import Link from 'umi/lin原创 2020-06-05 18:10:45 · 1756 阅读 · 2 评论 -
canvas将两张图片合并成一张图片并下载
用canvas将两张图片合并成一张图并下载(react)图片合成部分generateCodePic = () => { this.downloadImg();};downloadImg() { var canvas = document.createElement('canvas'); console.log(canvas); canvas.width = 600; canvas.height = 800; if (!canvas.getCo原创 2020-05-26 15:08:53 · 1493 阅读 · 0 评论 -
react移动端项目基础搭建流程
一、react项目流程create react app文档1、安装npm i create-react-app -gcreate-react-app myapp或者npx i create-react-app myapp2、创建基本目录,将App.jsx移入layout中入口找布局,布局找页面,页面找组件-[myreactapp] 项目名---[src]-----[co...原创 2020-03-30 10:57:55 · 1278 阅读 · 0 评论