refactor

src/components/PullDownContent.tsx

@@ -2,7 +2,7 @@ import * as React from "react";
 import styled from "styled-components";
 
 export interface PullDownContentProps {
-    height?: number;
+    height?: string;
     background?: any;
     label?: string;
 }

src/PullToRefresh.tsx → src/components/PullToRefresh.tsx

@@ -51,6 +51,10 @@ export class PullToRefresh extends React.Component<PullToRefreshProps, PullToRef
     }
 
     public componentDidMount(): void {
+        if (!this.container) {
+            return;
+        }
+
         this.container.addEventListener("touchstart", this.onTouchStart);
         this.container.addEventListener("touchmove", this.onTouchMove);
         this.container.addEventListener("touchend", this.onEnd);
@@ -60,6 +64,10 @@ export class PullToRefresh extends React.Component<PullToRefreshProps, PullToRef
     }
 
     public componentWillUnmount(): void {
+        if (!this.container) {
+            return;
+        }
+
         this.container.removeEventListener("touchstart", this.onTouchStart);
         this.container.removeEventListener("touchmove", this.onTouchMove);
         this.container.removeEventListener("touchend", this.onEnd);

src/components/RefreshContent.tsx

@@ -2,7 +2,7 @@ import * as React from "react";
 import styled from "styled-components";
 
 export interface RefreshContentProps {
-    height?: number;
+    height?: string;
     background?: any;
 }
 

src/components/ReleaseContent.tsx

@@ -2,7 +2,7 @@ import * as React from "react";
 import styled from "styled-components";
 
 export interface ReleaseContentProps {
-    height?: number;
+    height?: string;
     background?: any;
     label?: string;
 }

src/index.ts

-import {PullToRefresh} from "./PullToRefresh";
+import {PullToRefresh} from "./components/PullToRefresh";
 import {RefreshContent} from "./components/RefreshContent";
 import {PullDownContent} from "./components/PullDownContent";
 import {ReleaseContent} from "./components/ReleaseContent";