react
文章平均质量分 61
何良语
这个作者很懒,什么都没留下…
展开
-
react使用props在多个组件之间传递数据
有三个组件,分别是app、list、comment三个组件之间的关系是comment在list中使用,list在app中使用此时有数据需要从list传到comment,然后comment传回list,list又将comment传回的数据传给app代码如下:comment:list通过props传给comment两个参数,onDelete(func) index(number) 然后commen...原创 2018-04-28 17:02:15 · 2156 阅读 · 0 评论 -
react中简单的使用localstorage
_setStorage:_setStorage(value){ localStorage.setItem('value', value);}_loadStorage_loadStorage(){ const value = localSotrage.getItem('value'); if(value){ this.setState({ value ...原创 2018-04-28 17:29:56 · 7170 阅读 · 0 评论 -
react 生命周期
componentWillMount -> render -> componentDidMount shouldComponentUpdated(必须有一个返回值,返回值是布尔值,返回false可以取消组件更新) -> componentWillUpdated(此时DOM已经更新,可以在此处获取DOM元素) -> render -> componentDidUpdat...转载 2018-06-05 21:47:36 · 174 阅读 · 0 评论 -
react+百度地图 覆盖物出现动态光圈效果
首先在less文件中创建动画,将动画绑定到类上:@keyframes scale{ 0% { transform: scale(0); // background-color: rgba(255, 255, 255, 0); } 50% { transform: scale(0.5); // background-color: R...原创 2018-06-01 18:15:58 · 1329 阅读 · 1 评论 -
react+百度地图生成覆盖物和信息弹窗
创建组件之前要先定义BMap和BMapLib:const BMap = window.BMap;const BMapLib = window.BMapLib;首先,可以将地图作为props传入到组件中,因为渲染时间问题,有可能在接收到map之前就进行了渲染,所以要在组件的生命周期内接收这个参数,并且调用创建覆盖物的方法:componentWillReceiveProps(nextProps) {...原创 2018-06-01 18:34:20 · 2479 阅读 · 4 评论 -
react 实现可播放的进度条
实现的效果图如下:如果所示,点击播放按钮可以播放,进度条表示进度功能描述:1. 点击播放按钮可以播放,进度条表示进度2. 点击暂停,进度条停止变化3. 可点击圆点,进行进度拖拽4. 点击进度条可调节进度以下是render部分代码:<div className="play" ref={play => { this.play = play; }}> <spa...原创 2018-07-13 17:39:19 · 7487 阅读 · 3 评论