解析错误:添加 <img> 时反应 jsx 中出现意外标记,预期为“,”

阿雅萨拉玛

我在我的组件中收到此错误:

解析错误:意外的标记,预期的“,”

import React from 'react';
import logo from '../../Images/Logo.svg';

class Simulate extends React.Component{
    render(){
        return(
            this.state.wentWrong?
             (<div className="went-wrong-box">
                <div className="went-wrong-title">
                    <div className="went-wrong-title__img">
                        <img src={logo} alt="Logo">
                    </div>
                </div>
            </div>)
            :
            (<div>
                Other Content
            </div>)
        )
    }
}

我很确定图像标签中的问题,虽然 src 中使用的标志已经导入,如果我用字符串替换 src 中的标志也会发生这种情况,但是如果我删除了图像,它会起作用:

return(
    this.state.wentWrong?
     (<div className="went-wrong-box">
        <div className="went-wrong-title">
            <div className="went-wrong-title__img">

            </div>
        </div>
    <div>)
    :
    (<div>
        Other Content
    </div>)
)

提前致谢

拉兹

您忘记关闭您的<img>和最后一个<div>标签。

(<div className="went-wrong-box">
      <div className="went-wrong-title">
          <div className="went-wrong-title__img">
              <img src={logo} alt="Logo" /> // <- close this
          </div>
      </div>
</div>) // <- close this

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

获取解析错误:Vue 中出现意外标记,预期为“,”

错误:S2760:ECS 中出现意外标记“<”,预期为“,”

反应:JSX 中的意外标记,预期的“,”

反应:解析错误:意外标记,预期“...”

解析JSX文件时出现意外的令牌错误

解析错误:第9行:反应中出现意外标识符

eslint“解析错误:JSX中出现意外的令牌{”

我收到解析错误:解析错误:意外标记,预期为“;” 在反应中

JSX 中的意外标记,预期为“,”

解析错误:在反应中添加条件时出现意外令牌

React语法错误:<img>预期对应的JSX结束标记

从 dockerfile 构建 docker 映像时出现意外标记“(”附近的语法错误

Bash:完成时出现意外标记“<”附近的语法错误

未捕获的语法错误:将创建反应应用程序部署到 Firebase 托管时出现意外标记“<”

如何解决错误:Asp.Net 请求中出现意外标记“<”?

`第 1 行:运行 bash `case` 函数时出现意外标记 `newline'` 附近的语法错误

预期表达式和语法错误:意外标记 jsx nextjs

在 JSX React 中定义数据时出现意外的令牌错误

SyntaxError:编译 ejs 时出现意外标记

语法错误,PHP 上出现意外标记“}”

反应:解析错误:未终止的 JSX 内容

TypeScript 和 React/JSX:为反应组件的超类提供道具时出现 tsc 编译器错误

标签错误:渲染时反应JSX样式标签错误

反应:解析错误:意外的令牌,预期为“(”

解析错误:意外标记,预期“...”

JSX错误:意外令牌,预期为“,”

当我在JSX语法中使用三元条件表达式时出现语法错误(反应)

尝试在节点中呈现 JSX 时出现意外令牌

未捕获的SyntaxError:使用js添加onmouseclick属性时出现意外标识符