fix(component): support not match pattern

Author: azu

src/react-toggle-pattern.js

@@ -37,17 +37,11 @@ export default class TogglePattern extends Component {
         });
     };
 
-    _render(components) {
-        if (components.length === 1) {
-            return components[0];
-        }
-        return <div className="TogglePattern">
-            {components}
-        </div>;
-    }
-
     render() {
         const components = this.getMatchedComponent();
+        if (components.length === 0) {
+            return null;
+        }
         if (components.length === 1) {
             return components[0];
         }

test/react-toggle-pattern-test.js

@@ -27,6 +27,13 @@ describe('<TogglePattern />', () => {
         </TogglePattern>);
         assert(result.is(ComponentY));
     });
+    it('renders 0 components', () => {
+        const result = shallow(<TogglePattern isEditing={false}>
+            <ComponentX isEditing={true} />
+            <ComponentY />
+        </TogglePattern>);
+        assert(result.node === null);
+    });
     it('renders 2 <ComponentX /> components', () => {
         const wrapper = shallow(<TogglePattern isEditing={true}>
             <ComponentX isEditing={true} />