我有以下返回语句,即给出错误相邻的JSX元素必须包装在一个封闭标签
任何想法是错误的?
return (
<div>
{(this.props.someProp !== undefined) ? (
<Header ..something.. />
<MyElement
...something...
/>
) : (
<card>
</card>
)}
</div>
);
显然,您错过了条件语句中的包装器。
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不接受相邻的相同标记如何显示表格数据?