随笔分类 - React
记录React
摘要：因为项目需求完成一个大转盘抽奖，九宫格抽奖活动，所以推荐一个免费插件https://100px.net/ 1、首先安装插件 npm install vue-luck-draw 2、封装组件 <template> <div class="luckDraw"> <div class="box"> <Lu
阅读全文
摘要：Ant Design 图片可拖拽效果，图片跟随鼠标移动，需计算鼠标在图片中与图片左上角的X轴的距离和鼠标在图片中与图片左上角的Y轴的距离。 在div叫 ant-modal-wrap 增加onMouseMove 设置this.dragDrop=false;即鼠标离开需要拖拽的盒子，则取消拖拽事件。 用
阅读全文
摘要：React双向数据绑定：model改变影响view，view改变反过来影响model 使用 map 渲染列表数据 JSX 的表达式插入 {} 里面可以放任何数据 用户数据的 JSX 结构抽离成一个组件 User ，并且通过 props 把 user 数据作为组件的配置参数传进去；这样改写 Index
阅读全文
摘要：绑定函数事件 在以类继承的方式定义的组件中，为了能方便地调用当前组件的其他成员方法或属性（如：this.state），通常需要将事件处理函数运行时的 this 指向当前组件实例。 run(){ alert('我是一个run方法') } <button onClick={this.run}>执行方法<
阅读全文
摘要：引入图片的方法 1.引入本地图片 方法1： 方法2： 2.引入远程图片 循环数据的方法 方法1： 方法2： 方法3：
阅读全文
摘要：参考：http://www.phonegap100.com/thread-4911-1-1.html Es6中的super可以用在类的继承中，super关键字，它指代父类的实例（即父类的this对象）。子类必须在constructor方法中调用super方法，否则新建实例时会报错。这是因为子类没有自
阅读全文
摘要：搭建React开发环境之前的准备工作 1.必须要安装node.js （注意:安装node.js稳定版本） 2.安装cnpm，用cnpm替代npm 3.也可以用yarn替代npm 新建项目 1.安装脚手架工具 （单文件组件项目生成工具）只需要安装一次 2.创建项目 （可以创建多次） 找到项目要创建的目
阅读全文
