#React

react开发环境搭建

从零开始搭建React开发环境最近刚好又装了一个笔记本的开发环境,主要是前端开发环境这块!要说有什么高深的知识也谈不上,不过有些小东西倒还是值得拿出来分享给大家的!当然一般会有人协助安装开发环境,不过还是建议自己能搞定的自己动手! 第一步:一切的起源得从node开始node百度云下载链接(版本号:node-v...
代码星球 ·2020-04-01

react 组件创建

/***数据屏蔽*Createdby2016-12-02.*/importReact,{Component}from'react';exportdefaultclassDataMaskingMainextendsComponent{render(){return(<div>开发中…&helli...
代码星球 ·2020-04-01

react 全局面包屑

  renderBreadcrumb(){const{routes}=this.props;constitems=routes.map((route,idx)=>{letcontent=null;if(idx==0){content=<IndexLinkto="/">{route....
代码星球 ·2020-04-01

react ie10下报错

    解决办法:加promisepolyfill 参考地址:http://hao.jser.com/archive/12066/ ...
代码星球 ·2020-04-01

react 常用组件整理

 0.es6语法糖deptList=deptnameList.filter(item=>item.rel===this.state.thUser.orgId);//返回一个新的数组对象deptList=deptnameList.find(item=>item.rel===this.state.th...
代码星球 ·2020-04-01

react 问题记录二(侧重于state或者说server层操作)

 项目体系说明:react+mobx+antd 11.state设置对象属性this.setState({tableParams:{tableName:value}})   10.loading组件设置 this.setState({title:Utils.t...

react native 中 Demensions的坑

简单描述下碰到的问题:Demensions.get('window').height,一般拿来获取屏幕高度的。但是在小米mix3上面(其他安卓机型可能也会有)无论底部的虚拟物理键盘显示与否(底部的返回键,home键),高度都是全屏高度减去虚拟物理键盘高度的值。 这样会出现一个问题,当在手机设置中关闭了虚拟物理...

react回顾

读书就像盖房子,根基要正,刚开始要选一些文风简明的。。。react小书 就不错。回顾篇创建组件(extends或是stateless)父子组件之间的通信(super)事件监听(event对象和this)渲染列表(map)状态提升(state)挂载阶段声明周期更新阶段生命周期(setState)容器类组件(th...
代码星球 ·2020-04-01

React native 禁止手势触摸 pointerEvents

碰到一个需求是做个轮播图带自动播放的,UED那边给轮播的底部加了阴影渐变,如下红色区域。   这样会导致一个问题,手触摸在红色区域会被这层View挡住,导致不能手动滑动切换。原先采取过的方法是在对应的触摸事件执行returnfalse,但是这个局限于轮播图得是红色区域的父组件。不然触摸无法...

React native 放大点击区域 hitSlop属性的使用

  在日常的需求中,如上图的加减按钮,可能写ui布局的时候没考虑实际的这个点击范围太小,不利于真机上用户点击到,如果加包裹层加padding的话又会影响原先定好的布局,或者不利于对齐。那么可以用  hitSlop这个属性,TouchableWithoutFeedback或者&nb...

【一起来烧脑】一步React.JS学会体系

[外链图片转存失败(img-cn4fbVDq-1563575047348)(https://upload-images.jianshu.io/upload_images/11158618-8c6f3d2b8ff0bec3.png?imageMogr2/auto-orient/strip|imageView2/2/w/1...

react生命周期

组件载入阶段:componentWillMount:组件即将被装载、渲染到页面上,只调用1次componentDidMount:组件真正在被装载之后,这里可以拿到真实DOM执行操作,只调用1次运行中状态:componentWillReceiveProps(nextProps):组件将要接收到新属性的时候调用,在这时se...
IT猿 ·2020-03-27

React的类型检测PropTypes

React.propTypes:React.PropTypes 提供很多验证器来验证传入数据的有效性,当向props传入无效数据时,JavaScript控制台会抛出警告。vardata=123;classMyTitleextendsReact.Component{staticpropTypes={title:...

React 设计思想

https://github.com/react-guide/react-basic译者序:本文是React核心开发者、有ReactAPI终结者之称的SebastianMarkbåge撰写,阐述了他设计React的初衷。阅读此文,你能站在更高的高度思考React的过去、现在和未来。原文地址:https://...
IT猿 ·2020-03-27

react.js 生命周期componentDidUpdate的另类用法:防止页面过渡刷新

场景:数据新增成功之后,需要返回原来的查询表,这时候的查询,需要使用react的生命周期:componentDidUpdatecomponentDidUpdate()这个生命周期的作用是当props或state更新之后,使用它更新DOM节点。如果使用不当,则查询页面会不停的调用查询的方法,不停的执行刷新操作。因此,需要...
首页上一页...2627282930下一页尾页