title: Use <code> or similar tags in ReactJS using JSX
body: <p>I am trying to use ReactJS with JSX to create a proof of concept for a styleguide.  </p>
  
  <p>I wanted to be able to display the raw html of how to call on components doing this. JSX is ignoring my <code>&lt;code&gt;</code> tags and rendering out the component</p>
  
  <p>This is what i have tried so far 
  <a href="https://stackoverflow.com/questions/2820453/display-html-code-in-html">Display HTML code in HTML</a></p>
  
  <pre class="lang-js prettyprint-override"><code>&lt;blockquote&gt;
    &lt;pre&gt;
      &lt;code&gt;
        &lt;VideoPlayer 
          ref="videoplayer" 
          preload={this.props.preload} 
          classes={this.props.classes} 
          videoID={this.props.videoID}
          controls="controls" 
        /&gt;     
      &lt;/code&gt;
    &lt;/pre&gt;
  &lt;/blockquote&gt;
  </code></pre>
  
  <p>I was surprised to see it render. </p>