Reactjs 有没有办法不在DynamoDB中的字符串字段上使用标记？

我在AWS DynamoDB中有一个简单的单表模型，我需要输入一些React JSX代码，然后使用JSX查询模型并在React中显示结果。（我需要存储JSX代码，然后使用JSX显示该代码）。 我在pre标记中使用了一些示例代码，但它显示了所有内容，其中我只需要最终呈现的标记语法

    <pre>{`
    <VideoPlayer 
        ref="videoplayer" 
        preload={this.props.preload} 
        classes={this.props.classes} 
        videoID={this.props.videoID}
        controls="controls" 
    />
    `}</pre>```
Unfortunately all of my code is being displayed:
<pre>{`
  <VideoPlayer 
    ref="videoplayer" 
    preload={this.props.preload} 
    classes={this.props.classes} 
    videoID={this.props.videoID}
    controls="controls" 
  />
`}</pre>

Anyone know how to get AWS to play nicely with others? 

Thanks in advance,

Rich

{`
`}```
不幸的是，我的所有代码都被显示：
{`
`}
有人知道如何让AWS与他人友好相处吗？
提前感谢,，
富有的

…k，原来这可能是一个降价问题，而不是其他任何问题，但我几乎做到了。要使VideoPlayer代码显示为代码（未渲染），只需在代码块前后添加3个反勾字符即可至于颜色。。。。我还在努力。