title: how do I programmatically create instance of react component?
body: <p>I have a table row component that checks to see if a custom component is specified and is supposed to programmatically take that React component (<code>column.customComponent</code>) and render the data using it. However, I cannot seem to instantiate the components.. all I get is the data as a string.</p>
  
  <p>Here is what I have:</p>
  
  <pre><code>const cellContent = typeof(column.customComponent === 'undefined') ?
    rowData[column.columnName] :
    {
      type: column.customComponent,
      props: {
        data: rowData[column.columnName],
        rowData
      }
    };
  </code></pre>
  
  <p><code>console.log(cellContent);</code> <em>displays something like:</em>
  <a href="http://i.stack.imgur.com/Y2DFG.png" rel="nofollow">the function representation of the React component</a>
  or
  <code>function DateCell() ....</code></p>
  
  <p>I'm not sure if I'm just using the <a href="https://facebook.github.io/react/blog/2015/12/18/react-components-elements-and-instances.html" rel="nofollow">wrong syntax</a> when assigning <code>cellContent</code> or if I should be doing something with factories or what.
  How should I do this?</p>