add handle for dangerouslySetInnerHTML for html elements (#5)

* ADD handle for dangerouslySetInnerHTML for html elements * Update package.json * Revert "Update package.json" This reverts commit dee1f89 * add test for dangerouslySetInnerHTML
alexrqs · May 30, 2018 · e47a04c · e47a04c
1 parent 685dd36
commit e47a04c
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 0 deletions.
diff --git a/src/dom.js b/src/dom.js
@@ -41,6 +41,8 @@ function dom(tag, attrs, ...children) {
         element.setAttribute('class', attrs[prop])
       } else if (prop === 'xlinkHref') {
         element.setAttributeNS('http://www.w3.org/1999/xlink', 'xlink:href', attrs[prop])
+      } else if (prop === 'dangerouslySetInnerHTML') {
+        element.innerHTML = attrs[prop].__html;
       } else if (attrs.hasOwnProperty(prop)) {
         element.setAttribute(prop, attrs[prop])
       }

diff --git a/test/test.dom.js b/test/test.dom.js
@@ -218,3 +218,14 @@ test('Component render xlinkHref for SVG sprites', t => {
   t.is(renderDataAttrs().outerHTML, '<svg><use xlink:href="#star-open"></use></svg>',
     'SVG sprites Renders Correctly')
 })
+
+test('Component render dangerouslySetInnerHTML', t => {
+  function renderDataAttrs() {
+    return (
+      <div dangerouslySetInnerHTML={{__html: '<span>StrangerDanger</span>'}} />
+    )
+  }
+
+  t.is(renderDataAttrs().outerHTML, '<div><span>StrangerDanger</span></div>',
+    'dangerouslySetInnerHTML Renders Correctly')
+})