React
Erukusanze
前端摸鱼师
展开
-
web前端面试总结
前端面试总结原创 2019-11-19 02:11:40 · 266 阅读 · 0 评论 -
React中通过withRouter获取location等路由信息
在这一次的项目中,想通过withRouter拿到路由信息,其实项目已经配置好了可以通过connect使用,但总想整点新花样,就自己试了试。 但是在使用装饰器的@语法时,报了错,首先是提示我项目中无法使用@withRouter这样的写法。下面是配置方法:首先安装babel-plugin-transform-decorators-legacy插件,然后在packjson里...原创 2018-07-26 15:27:51 · 7735 阅读 · 0 评论 -
React中使用async解决异步的问题
在React经常会有需要通过异步请求返回的数据,然后再setState到state中的操作。但是经常会因为异步的问题,导致数据显示有误,这里我通过async解决这个问题,下面是代码。async componentDidMount() { const data = await get(`url`) this.setState({ data: data }) }...原创 2018-05-03 10:33:41 · 9953 阅读 · 0 评论 -
dva中不通过yield发送封装的请求并且获取返回的数据
正常情况下我们会通过dispatch异步发送请求,但是数据异步导致了一些问题,所以这里我跳过了dispatch这一步,直接在函数中调用封装的请求。但是封装的请求返回的是一个promise对象,我们无法直接获取其中的数据,以下是我的处理方法,如果有更好的处理方案,欢迎提供参考学习。AddMenu({ //这里是请求需要的参数,}).then(function (res) { console....原创 2018-03-28 16:26:21 · 3540 阅读 · 0 评论 -
react按需加载以及遇到的问题
export default function asyncComponent(importComponent){ class AsynccComponent extends React.Component{ constructor(props){ super(props); this.state = { component:null原创 2017-12-29 14:29:29 · 2241 阅读 · 1 评论 -
react中用canvas制作渐变色的环形进度条
第一次用canvas画图,代码仅供参考;首先创建canvas标签:canvas className={styles.progress} id="time_graph_canvas" width="240" height="240">canvas>然后在componentDidMount里执行,这里的Percentage是需要的百分比值。我定义在jsx全局,因为要在render的时候获取原创 2017-11-09 17:35:03 · 4805 阅读 · 3 评论 -
react上传图片
//form表单form onSubmit={this.handleSubmit.bind(this)} name="fileinfo"> {/*accept限定图片上传格式,指定id,方便formData上传时获取file的数据*/} input id="imgUrl" name="from1" type="file" accept="image/jpeg,image/x原创 2017-11-06 11:01:47 · 6286 阅读 · 0 评论 -
react强制重新渲染
在react中,state和props数据更新,就会重新render,但是当层级过深时,可能就不会触发渲染,这时候就要用到this.forceUpdate();原创 2017-11-06 10:47:14 · 39341 阅读 · 0 评论 -
苹果浏览器滚动会卡顿的问题
加一个属性到滚动盒子上:-webkit-overflow-scrolling:touch原创 2017-11-03 16:00:02 · 2391 阅读 · 0 评论 -
Antd Tabs如何修改TabPane样式
如果只希望在当前组件生效,给组件外层添加一个类名,在css样式中给添加的类名下需要修改样式的子类加:global,例如:.tabsStyle { :global .am-tabs-tab { height: 1.3rem !important; }}原创 2017-09-27 21:21:17 · 23299 阅读 · 1 评论 -
关于react中submit如何提交其它form表单的内容
给form表单绑定一个id,然后在submit里加上form='form表单的id'即可;这里再补充两点:1,如果需要阻止submit提交的跳转,在需要提交的form表单上,添加一个onClick点击事件,在点击事件里面e.preventDefault()2,如果需要使用表单提交文件或者图片等,不需要转码提交的情况下需要在form表单中添加encType='multipart/form-data'...原创 2017-07-29 16:38:15 · 6290 阅读 · 0 评论