Handle multiple children in <Badge>. Fixes react-bootstrap#532

Author: glenjamin

src/Badge.js

@@ -10,6 +10,7 @@ const Badge = React.createClass({
 
   hasContent() {
     return ValidComponentChildren.hasValidComponent(this.props.children) ||
+      (React.Children.count(this.props.children) > 1) ||
       (typeof this.props.children === 'string') ||
       (typeof this.props.children === 'number');
   },

test/BadgeSpec.js

@@ -31,6 +31,16 @@ describe('Badge', function () {
     assert.ok(instance.getDOMNode().className.match(/\bbadge\b/));
   });
 
+  it('Should have a badge using a a mix of content', function () {
+    let count = 42;
+    let instance = ReactTestUtils.renderIntoDocument(
+      <Badge>
+        £{count}
+      </Badge>
+    );
+    assert.ok(instance.getDOMNode().className.match(/\bbadge\b/));
+  });
+
   it('Should have a badge class pulled right', function () {
     let instance = ReactTestUtils.renderIntoDocument(
       <Badge pullRight>