Babel.js React语法错误:应为的相应JSX结束标记< img>

cnh2zyt3  于 2022-12-08  发布在  Babel
关注(0)|答案(4)|浏览(255)

我是React的初学者,我试着从FreeCodeCamp做一个“露营者排行榜”项目。在StackOverflow代码片段中,它抛出了我:
“讯息”:“语法错误:内联巴别塔脚本:应该是对应的JSX结束标记Please help me to find out what is wrong.下面是代码:
第一个

nmpmafwu

nmpmafwu1#

这适用于我在节点中构建Gatsby/React/Bootstrap项目时收到的JSX错误

<img src = {this.props.user.img} alt="logo" />
2wnc66cl

2wnc66cl2#

您需要使用结束/>来结束img标记:

<img src={this.props.user.img} alt="logo" />

JSX在正确结束标记方面不像HTML那样宽松。

yrdbyhpb

yrdbyhpb3#

编译器返回的消息告诉您img元素没有结束标记。JSX与html不同。

<img src = {this.props.user.img} alt="logo"></img>

<img src = {this.props.user.img} alt="logo" />
qojgxg4l

qojgxg4l4#

由于错误解释本身,您需要关闭camper组件中的图像标记。

<td>
    <img src = {this.props.user.img} alt="logo" />{this.props.user.userName}
</td >

这应该可以

相关问题