fix dom is null

Author: jljsj33

README.md

@@ -61,9 +61,9 @@ ReactDom.render(
 | defaultOpen | boolean  | false | default open menu |
 | width       |  string   |  `60vw` | children width |
 | placement  | string   |  `left` | `left` or `right` |
-| level     | string or array | `all` | With the drawer level element. `all` / className / id / tagName / array |
+| level     | string or array | `all` | With the drawer level element. `all`/ null / className / id / tagName / array |
 | levelTransition | string | `transform .3s cubic-bezier(0.78, 0.14, 0.15, 0.86)` | level css transition |
-| parent    | string | `body` | parent element. | 
+| parent    | string | `body` | parent element. if is `null` use React.creactElement  | 
 | onChange  | function | null | change callback(open) |
 | onSwitch | function | null | icon or bg click function |
 

examples/change.js

@@ -39,7 +39,7 @@ class Demo extends React.Component {
           onChange={this.onChange}
           open={this.state.open}
           onSwitch={this.onTouchEnd}
-          iconChild={null}
+          iconChild={false}
           level={null}
         >
           <Menu

src/Drawer.jsx

@@ -49,8 +49,9 @@ class Drawer extends React.PureComponent {
     };
   }
   componentDidMount() {
-    this.container = this.props.parent ? this.defaultGetContainer() : ReactDOM.findDOMNode(this);
+    this.dom = ReactDOM.findDOMNode(this);
     this.getParentAndLevelDom();
+    this.container = this.props.parent ? this.defaultGetContainer() : this.dom;
     this.forceUpdate();
   }
 
@@ -95,7 +96,7 @@ class Drawer extends React.PureComponent {
     }
     const { level, parent } = this.props;
     this.levelDom = [];
-    this.parent = parent && document.querySelectorAll(parent)[0] || this.container.parentNode;
+    this.parent = parent && document.querySelectorAll(parent)[0] || this.dom.parentNode;
     if (level === 'all') {
       const children = Array.prototype.slice.call(this.parent.children);
       children.forEach(child => {