React JSX返回关键字不起作用

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和一个单行休息：

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

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>等。