re findDOMNode

Author: jljsj33

package.json

@@ -1,6 +1,6 @@
 {
   "name": "rc-tween-one",
-  "version": "2.7.1",
+  "version": "2.7.2",
   "description": "tween-one anim component for react",
   "keywords": [
     "react",

src/TweenOne.jsx

@@ -133,14 +133,16 @@ class TweenOne extends Component {
   }
 
   componentDidMount() {
-    this.setDom()
+    this.dom = ReactDom.findDOMNode(this);
     if (this.dom && this.dom.nodeName !== '#text') {
       this.start();
     }
   }
 
   componentDidUpdate() {
-    this.setDom();
+    if (!this.dom) {
+      this.dom = ReactDom.findDOMNode(this);
+    }
     // 样式更新了后再执行动画；
     if (this.updateAnim && this.dom && this.dom.nodeName !== '#text') {
       if (this.tween) {
@@ -190,10 +192,6 @@ class TweenOne extends Component {
     this.startTime = ticker.time;
   };
 
-  setDom = () => {
-    this.dom = this.dom || ReactDom.findDOMNode(this);
-  }
-
   restart = () => {
     if (!this.tween) {
       return;
@@ -338,9 +336,6 @@ class TweenOne extends Component {
     });
     // component 为空时调用子级的。。
     const { className, children } = props;
-    const ref = c => {
-      this.dom = c;
-    };
     if (!component && typeof children !== 'string') {
       if (!children) {
         return children;
@@ -350,14 +345,9 @@ class TweenOne extends Component {
       // 合并 style 与 className。
       const newStyle = { ...childStyle, ...props.style };
       const newClassName = className ? `${className} ${childClass}` : childClass;
-      return React.cloneElement(children, {
-        style: newStyle,
-        ref,
-        className: newClassName,
-      });
+      return React.cloneElement(children, { style: newStyle, className: newClassName });
     }
     return React.createElement(component, {
-      ref: typeof component === 'string' ? ref : undefined,
       ...props,
       ...componentProps,
     });