React JSX返回关键字不起作用
问题描述:
我花了超过2个小时才深入了解了体验。React JSX返回关键字不起作用
在下面的代码片段,return
并不如预期的工作:
return
<VideoItem
key={video.etag}
changeVideo={changeVideo}
video={video} />;
更多的澄清我想有return
,哪些应多行返回。
但无论是作品下面一行:
return
<VideoItem key={video.etag} changeVideo={changeVideo} video={video} />;
答
我的错误是,我不得不做以下操作之一:
-
写
return
和一个单行休息:return <VideoItem key={video.etag} changeVideo={changeVideo} video={video} />;
-
缠绕t他返回结果用括号:
return ( <VideoItem key={video.etag} changeVideo={changeVideo} video={video} />);
是的,现代的JS是敏感!
答
您的所有内容都应该包装在父标签中。 一个典型的回报语法看起来像这样:
return (
<div>
Everything you do should be here.......
</div>
);
通知父<div></div>
。您可以将其更改为<h1></h1>
,<b></b>
等。
+0
这不是关于父元素,而是包裹'括号'。 –
我的意思是......在您的问题中,您有一个未封闭的括号。任何正确分析的语言都是......错误的...... –
不,不结尾的非偶合括号是错误的,我只是编辑它@AlexGuerra –