Я пытаюсь использовать ReactJS с JSX для создания концепции концепции руководства по стилю.

Я хотел иметь возможность отображать сырой HTML-код о том, как вызывать компоненты, делающие это. JSX игнорирует мой<code> теги и рендеринг компонента

Это то, что я пробовал до сих порПоказать HTML-код в HTML

<blockquote>
  <pre>
    <code>
      <VideoPlayer 
        ref="videoplayer" 
        preload={this.props.preload} 
        classes={this.props.classes} 
        videoID={this.props.videoID}
        controls="controls" 
      />     
    </code>
  </pre>
</blockquote>

Я был удивлен, увидев это.