Render HTML elements defined in JSON to JSX

react-render-html-tags.js

import React from 'react';

const Component = (props, context) => {

  const { elements } = this.props;

  return (
    <div>

      {elements.map( (element, i) => {

        const { tag, content } = element;
      
        return (
          <div key={i}>
      
            {React.DOM[tag](null, content)}
      
          </div>
        );
      
      } )}

    </div>
  );

};

export default Component;

some-data.json

"elements": [
  {
    "tag": "p",
    "content": "Some content goes here"
  },
  {
    "tag": "div",
    "content": "Some content goes here too"
  }
]