diff --git a/README.md b/README.md
index 8e06b84..b70386e 100644
--- a/README.md
+++ b/README.md
@@ -14,6 +14,8 @@ $ npm install --save  react-more-load
 # how to use
 ```
   import ReactLoadMore from "react-more-load";
+  const NoResult = ()=> <span>No more Result,~~</span>;
+  const Footer = ()=> <span>loading....~~</span>;
  <ReactLoadMore
         onBottom={this.loadMore.bind(this)}
         fetching={fetching}
diff --git a/dist/reactLoadMore.js b/dist/reactLoadMore.js
index 2d32c55..a559980 100644
--- a/dist/reactLoadMore.js
+++ b/dist/reactLoadMore.js
@@ -118,7 +118,7 @@ var ReactLoadMore = function (_React$Component) {
         _react2.default.createElement(
           "div",
           { style: { display: hasMore ? "block" : "none" }, id: "bottom" },
-          Footer ? { Footer: Footer } : _react2.default.createElement(
+          Footer ? _react2.default.createElement(Footer, null) : _react2.default.createElement(
             "div",
             { className: "list-loader" },
             _react2.default.createElement("div", { id: "foot_loader" })
diff --git a/example/index.js b/example/index.js
index e823add..e31898b 100644
--- a/example/index.js
+++ b/example/index.js
@@ -36,7 +36,7 @@ class App extends React.Component {
         fetching={fetching}
         hasMore={hasMore}
         NoResult={NoResult}
-        Footer={null}
+        Footer={()=><div>loading ...</div>}
       >
         {dataList.map((item,index) => {
           return (
diff --git a/package.json b/package.json
index 7978413..6cd9f8b 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "react-more-load",
-  "version": "1.0.4",
+  "version": "1.0.6",
   "description": "a load more list component base on React",
   "main": "dist/index.js",
   "scripts": {
diff --git a/src/reactLoadMore.js b/src/reactLoadMore.js
index 2ad5b03..a34e02f 100644
--- a/src/reactLoadMore.js
+++ b/src/reactLoadMore.js
@@ -68,7 +68,7 @@ export default class ReactLoadMore extends React.Component {
         <div style={{ clear: "both" }}> </div>
         <div style={{ display: hasMore ? "block" : "none" }} id='bottom'>
           {Footer ? (
-            { Footer }
+            <Footer/>
           ) : (
             <div className={"list-loader"}>
               <div id={"foot_loader"} />