Adding prop to render with dangerouslySetInnerHTML

Author: Ben Taylor

src/core/JSONLD.js

@@ -11,18 +11,20 @@ export const JSONLD = props => {
       ? Object.assign({'@context': 'http://schema.org/'}, {[type]: firstChild})
       : Object.assign({'@context': 'http://schema.org/'}, firstChild)
   }
-  return (
-    <script
-      type="application/ld+json"
-      dangerouslySetInnerHTML={{
-        __html: JSON.stringify(json),
-      }}
-    />
+
+  return (props.dangerouslyExposeHtml
+    ? <script type="application/ld+json" dangerouslySetInnerHTML={{__html: JSON.stringify(json)}} />
+    : <script type="application/ld+json">{ JSON.stringify(json) }</script>
   );
 }
 
 JSONLD.propTypes = {
-  additionalType: PropTypes.object
+  additionalType: PropTypes.object,
+  dangerouslyExposeHtml: PropTypes.bool
+};
+
+JSONLD.defaultProps = {
+  dangerouslyExposeHtml: false
 };
 
 export default JSONLD;

src/example/containers/Example.js

@@ -8,7 +8,8 @@ import {
   Review,
   Author,
   Location,
-  Rating
+  Rating,
+  Generic
 } from 'react-structured-data';