问题：
React：相邻的JSX元素必须包装在一个封闭的标记中
柴昆杰
我有以下返回语句，即给出错误相邻的JSX元素必须包装在一个封闭标签任何想法是错误的？
return (
<div>
{(this.props.someProp !== undefined) ? (
<Header ..something.. />
<MyElement
...something...
/>
) : (
<card>
</card>
)}
</div>
);
共有2个答案
侯兴为
显然，您错过了条件语句中的包装器。
return (
<div>
{(this.props.someProp !== undefined) ?
<div>
<Header ..something.. />
<MyElement
...something...
/>
</div>
:
<card>
something
</card>
}
</div>
)
罗烨霖
React元素只能返回一个元素。
这样做
return (
<div>
<Card1 />
<Card2 />
</div>
)
相反
return (
<Card1 />
<Card2 />
)
类似资料：
-
我一直在尝试将一个html网站移植到Gatsbyjs并做出反应。在构建header Comparement时，我在带有的行中得到一个错误“相邻的JSX元素必须包装在一个封闭的标记中”。我想不出这个问题，请你帮忙。我使用有状态组件构建它的原因是，稍后我将向它添加一些额外的功能。 这是我的代码：
-
我为代码的质量提前道歉。当我尝试将html代码放入gatsby.js项目的index.js页面中时，我遇到以下错误： ./src/components/section3.js模块构建失败时出错（来自./node_modules/gatsby/dist/utils/babel loader.js）：SyntaxError:/path/src/components/section3.js：相邻的JSX
-
我试图在页面中显示文章，但我遇到了一些问题，需要在reactjs中封装标签。看起来React不接受相邻的相同标记如何显示表格数据？ 有人知道问题出在哪里吗？
-
相邻的JSX元素必须包装在一个封闭的标记reactjs中 我的代码有什么问题？？ 错误代码调用如下： 相邻的JSX元素必须包装在一个封闭的标记中 代码在元素标记中出错
-
我试图打印道具的反应组件，但得到一个错误。请帮助： 片段： 我在等“你好，亲爱的！”然后下一行是“蓝色”。但是，我得到了这个错误。 错误：
-
我有下面的代码是react.js这是抛出一个错误 “相邻的JSX元素必须包装在一个封闭的标记中”。看起来React不接受相邻的相同标记如何显示表格数据？