我无法在 React 中将代码渲染为段落

Source: Dev.to

问题

我正在尝试在 React 组件中将一段代码块渲染为段落，但它没有正确显示。

代码

const VideoExample = () => {
  const VideoCode = function Video({ video }) {
    return (
      <>
        
### {video.title}

        
{video.description}

      
    );
  };

  return (
    
      
        Create user interfaces 
 from components
      
      
        
          React lets you build user interfaces out of individual pieces called
          components.
        
        
          Create your own React components like{' '}
          Thumbnail,{' '}
          LikeButton, and{' '}
          Video.
        
        
Then combine them into entire screens, pages, and apps.

      

      
        
          
            
Video.js

          
          
            
              `{VideoCode}`
            
          
        
      
    
  );
};

export default VideoExample;

结果