Add void element checking to TagElementType

Author: peternewnham

README.md

@@ -1,6 +1,6 @@
 # React HTML Parser
 
-A utility library for converting HTML strings into [React](https://facebook.github.io/react/) components. Avoids the use of dangerouslySetInnerHTML and converts standard HTML elements, attributes and inline styles into their React equivalents.
+A utility for converting HTML strings into [React](https://facebook.github.io/react/) components. Avoids the use of dangerouslySetInnerHTML and converts standard HTML elements, attributes and inline styles into their React equivalents.
 
 [Try the Live Demo](https://wrakky.github.io/react-html-parser)
 

src/elementTypes/TagElementType.js

@@ -2,6 +2,7 @@ import React from 'react';
 import ProcessNodes from '../utils/ProcessNodes';
 import GeneratePropsFromAttributes from '../utils/GeneratePropsFromAttributes';
 import TransformTagName from '../utils/TransformTagName';
+import isVoidElement from '../utils/isVoidElement';
 
 /**
  * Converts any element (excluding style - see StyleElementType - and script) to a react element.
@@ -12,15 +13,18 @@ import TransformTagName from '../utils/TransformTagName';
  */
 export default function TagElementType(node, key) {
 
-  // If the node has children process them
-  const children = ProcessNodes(node.children);
-
   // generate props
   const props = GeneratePropsFromAttributes(node.attribs, key);
 
   // transform the tag name if needed
   const tagName = TransformTagName(node.name);
 
+  // If the node is not a void element and has children then process them
+  let children = null;
+  if (!isVoidElement(tagName)) {
+    children = ProcessNodes(node.children);
+  }
+
   // create and return the element
   return React.createElement(tagName, props, children);
 }

src/utils/isVoidElement.js

@@ -0,0 +1,24 @@
+const voidElements = [
+  'area',
+  'base',
+  'br',
+  'col',
+  'command',
+  'embed',
+  'hr',
+  'img',
+  'input',
+  'keygen',
+  'link',
+  'meta',
+  'param',
+  'source',
+  'track',
+  'wbr'
+];
+
+export default function isVoidElement(element) {
+
+  return voidElements.indexOf(element) >= 0;
+
+}