棱镜代码渲染和JSX Markdown在静态HTML页面上不起作用

Question

我一直在尝试在静态HTML页面上实施棱镜，以显示基本技能投资组合网站的代码块。我已经将Prism进口到脚本标签和CSS链接标签中的页面上的相关位置。我还完成了所需的

<pre>
    <code class="language-jsx">  
     
    </code>
  </pre>

浏览器，我得到了呈现的代码块的米色背景，并且JS被高光照射，因为Prism应该这样做。

但是，浏览器将将代码返回的JSX Markdown作为HTML。我已经看到了Prism网站的一部分，该网站讨论了HTML的渲染，并且我确实认为JSX实际上是HTML Markup，但我认为Prism是解决这个问题的一种方式。

const SomeReactComponent = (props) => {
             return(
                <ThisWontRender />
             )
           }

我要避免的是必须与＆amp; lt;

我错过了什么吗？