随笔分类 - react
摘要：核心是在html2canvas执行前先替换所有图片转换为Blob，这种方式不会出现图片缺失的情况 /** * @description 替换 去全部图片真实地址为blob 渲染 截图 * @param {element} el 截图的dom区域 * @param {function} success
阅读全文
摘要：需求:将html页面 截图保存到本地 方案:html2canvas 将html 生成canvas 然后使用canvas的toDataURL转换为base64 形式 做下载 安装 官网地址:http://html2canvas.hertzen.com/ npm npm install --sava h
阅读全文
摘要：一、关于事件绑定 ① 在声明时一起绑定： <div onClick={this.OnClick.bind(this)}></div> ② 使用函数式声明事件： <div onClick={()=>this.OnClick()}></div> ③ 在按钮内声明，在constructor内绑定： con
阅读全文
摘要：const eventProxy = { onObj: {}, oneObj: {}, on: function (key, fn) { if (this.onObj[key] undefined) { this.onObj[key] = []; } const args = [].concat(A
阅读全文
摘要：一、子向父组件传值 方法一: 父组件 //方法 parentFn(data1, data2, e) { // 按照参数排列 最后一个是event console.log(data1, data2, e) //输出 1 2 event内容 } //渲染 render() { return (<Frag
阅读全文
摘要：关于setState 同步更新还是异步更新 在React相关的回调函数中setState() 是异步更新 React 相关的回调包括：组件的生命周期钩子，React 组件事件监听回调。 不在React 相关的回调中setState() 是同步更新 React不相关的回调包括常见的：setTimeou
阅读全文
摘要：假设用一个值 showButton true展示 / false不展示 表现: 页面渲染样式错乱 但是htrml代码结构正常 报错: Warning: Prop className did not match. Server: "post-tool-button-master" Client: "p
阅读全文
摘要：初始化 constructor 定义state 初始状态 用户不使用state的话，纯用props接受参数，有没有constructor都可以，可以不用constructor。 关于 constructor 中的 super() 和 super(props) http://es6.ruanyifen
阅读全文
摘要：react 不支持img直接引入 <img src="../../images/img.png" alt="" /> 第一种:使用import ** from ' ......' 引入 import React from 'react'; import img from '../../images/
阅读全文
摘要：exact是Route下的一个属性，react路由会匹配到所有能匹配到的路由组件，exact能够使得路由的匹配更严格一些(exact的值为bool型)。 <Route path='/' component={Home} /> <Route path='/page' component={Page}>
阅读全文
摘要：安装脚手架 npm install -g create-react-app 搭建项目 create-react-app my-app (my-app是项目名字) cd my-app切换到根路径 或者手动选择文件夹切换 npm start启动项目 下面我们新建一些页面作为小组件 看一下目录 hello
阅读全文
浙公网安备 33010602011771号