51
Dev开发社区
首页
文章
问答
工具
搜索
登录
注册
#React
react开发环境搭建
从零开始搭建React开发环境最近刚好又装了一个笔记本的开发环境,主要是前端开发环境这块!要说有什么高深的知识也谈不上,不过有些小东西倒还是值得拿出来分享给大家的!当然一般会有人协助安装开发环境,不过还是建议自己能搞定的自己动手! 第一步:一切的起源得从node开始node百度云下载链接(版本号:node-v...
代码星球
·
2020-04-01
react
开发
环境
搭建
react 组件创建
/***数据屏蔽*Createdby2016-12-02.*/importReact,{Component}from'react';exportdefaultclassDataMaskingMainextendsComponent{render(){return(<div>开发中…&helli...
代码星球
·
2020-04-01
react
组件
创建
react 全局面包屑
renderBreadcrumb(){const{routes}=this.props;constitems=routes.map((route,idx)=>{letcontent=null;if(idx==0){content=<IndexLinkto="/">{route....
代码星球
·
2020-04-01
react
全局
面包
react ie10下报错
解决办法:加promisepolyfill 参考地址:http://hao.jser.com/archive/12066/ ...
代码星球
·
2020-04-01
react
ie10
报错
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
常用
组件
整理
react 问题记录二(侧重于state或者说server层操作)
项目体系说明:react+mobx+antd 11.state设置对象属性this.setState({tableParams:{tableName:value}}) 10.loading组件设置 this.setState({title:Utils.t...
代码星球
·
2020-04-01
react
问题
记录
侧重于
state
react native 中 Demensions的坑
简单描述下碰到的问题:Demensions.get('window').height,一般拿来获取屏幕高度的。但是在小米mix3上面(其他安卓机型可能也会有)无论底部的虚拟物理键盘显示与否(底部的返回键,home键),高度都是全屏高度减去虚拟物理键盘高度的值。 这样会出现一个问题,当在手机设置中关闭了虚拟物理...
代码星球
·
2020-04-01
react
native
Demensions
的坑
react回顾
读书就像盖房子,根基要正,刚开始要选一些文风简明的。。。react小书 就不错。回顾篇创建组件(extends或是stateless)父子组件之间的通信(super)事件监听(event对象和this)渲染列表(map)状态提升(state)挂载阶段声明周期更新阶段生命周期(setState)容器类组件(th...
代码星球
·
2020-04-01
react
回顾
React native 禁止手势触摸 pointerEvents
碰到一个需求是做个轮播图带自动播放的,UED那边给轮播的底部加了阴影渐变,如下红色区域。 这样会导致一个问题,手触摸在红色区域会被这层View挡住,导致不能手动滑动切换。原先采取过的方法是在对应的触摸事件执行returnfalse,但是这个局限于轮播图得是红色区域的父组件。不然触摸无法...
代码星球
·
2020-04-01
React
native
禁止
手势
触摸
React native 放大点击区域 hitSlop属性的使用
在日常的需求中,如上图的加减按钮,可能写ui布局的时候没考虑实际的这个点击范围太小,不利于真机上用户点击到,如果加包裹层加padding的话又会影响原先定好的布局,或者不利于对齐。那么可以用 hitSlop这个属性,TouchableWithoutFeedback或者&nb...
代码星球
·
2020-04-01
React
native
放大
点击
区域
【一起来烧脑】一步React.JS学会体系
[外链图片转存失败(img-cn4fbVDq-1563575047348)(https://upload-images.jianshu.io/upload_images/11158618-8c6f3d2b8ff0bec3.png?imageMogr2/auto-orient/strip|imageView2/2/w/1...
代码星球
·
2020-04-01
起来
烧脑
一步
React.JS
学会
react生命周期
组件载入阶段:componentWillMount:组件即将被装载、渲染到页面上,只调用1次componentDidMount:组件真正在被装载之后,这里可以拿到真实DOM执行操作,只调用1次运行中状态:componentWillReceiveProps(nextProps):组件将要接收到新属性的时候调用,在这时se...
IT猿
·
2020-03-27
react
生命
周期
React的类型检测PropTypes
React.propTypes:React.PropTypes 提供很多验证器来验证传入数据的有效性,当向props传入无效数据时,JavaScript控制台会抛出警告。vardata=123;classMyTitleextendsReact.Component{staticpropTypes={title:...
IT猿
·
2020-03-27
React
类型
检测
PropTypes
React 设计思想
https://github.com/react-guide/react-basic译者序:本文是React核心开发者、有ReactAPI终结者之称的SebastianMarkbåge撰写,阐述了他设计React的初衷。阅读此文,你能站在更高的高度思考React的过去、现在和未来。原文地址:https://...
IT猿
·
2020-03-27
React
设计思想
react.js 生命周期componentDidUpdate的另类用法:防止页面过渡刷新
场景:数据新增成功之后,需要返回原来的查询表,这时候的查询,需要使用react的生命周期:componentDidUpdatecomponentDidUpdate()这个生命周期的作用是当props或state更新之后,使用它更新DOM节点。如果使用不当,则查询页面会不停的调用查询的方法,不停的执行刷新操作。因此,需要...
IT猿
·
2020-03-26
react.js
生命
周期
componentDidUpdate
另类
首页
上一页
...
26
27
28
29
30
下一页
尾页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他