0.0.4 动态更新width和height后，生成的验证码不再错位

Author: luo

package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-vcode",
-  "version": "0.0.3",
+  "version": "0.0.4",
   "description": "a react verification code component",
   "main": "dist/index.js",
   "scripts": {

src/index.js

@@ -75,10 +75,16 @@ class Vcode extends React.Component {
   }
 
   /** 组件参数改变 **/
-  componentWillReceiveProps(nextP) {
+  componentWillReceiveProps(nextP, nextS) {
     if(this.props.value !== nextP.value) {
       this.onDraw(nextP.value);
     }
+    if(this.props.width !== nextP.width || this.props.height !== nextP.height) {
+      this.setState({
+        width: nextP.width,
+        height: nextP.height,
+      });
+    }
   }
 
   /** 用户点击的验证码图片 **/
@@ -124,7 +130,6 @@ class Vcode extends React.Component {
         div.appendChild(dom);
       }
     } else {
-      console.log('走这里');
       const uW = this.state.width / this.state.len;        // 每个字符占的宽度
       for (let i = 0; i < this.state.len; i++) {
         const dom = document.createElement('span');