React에서 코드를 단락으로 렌더링할 수 없습니다

발행: (2025년 12월 8일 오전 01:24 GMT+9)
1 min read
원문: Dev.to

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;

결과

렌더링된 출력

Back to Blog

관련 글

더 보기 »