React JSX return 키워드가 작동하지 않습니다.

Question

경험을 깊이 이해하는 데 2 ​​시간 이상이 걸렸습니다. 다음 코드에서

, return 예상대로 작동하지 않습니다

return 
<VideoItem 
    key={video.etag} 
    changeVideo={changeVideo} 
    video={video} />; 

더 명확한 설명을 위해 나는 return을하고 싶어하고 어떤 일이 여러 줄에 반환해야합니다.

그러나 어느 작품 아래 라인 :

return 
<VideoItem key={video.etag} changeVideo={changeVideo} video={video} />; 

Answer 1

내 실수는 내가 중 하나를 수행해야한다고했다 다음

1. 쓰기 return 및 하나의 라인의 나머지 :

2. 랩 t 그는 괄호로 결과를 반환 :

   return (
       <VideoItem 
        key={video.etag} 
        changeVideo={changeVideo} 
        video={video} />); 
   

네, 현대 JS가 민감하다!

Answer 2

모든 콘텐츠는 상위 태그 안에 넣어야합니다. 일반적인 반환 구문과 같이 보입니다 :

return (
    <div> 
    Everything you do should be here....... 
    </div> 
); 

공지 부모 <div></div>. <h1></h1>, <b></b> 등으로 변경할 수 있습니다.