Reactjs 第50行:解析错误:未终止的JSX内容

Reactjs 第50行:解析错误:未终止的JSX内容,reactjs,jsx,Reactjs,Jsx,分析错误:未终止的JSX内容。不知道为什么它总是说我需要另一个标签。另外,我遇到的一个问题是如何处理自动关闭的HTML标记。我不知道如何处理JSX 我尝试匹配所有标记,并使用Atom创建Html文件和括号匹配器。我不知道为什么它总是给我这个错误。我想为自动关闭标签添加一个起始标签 import React from 'react'; import linkedinIcon from "./footer-component/linkedin-icon.png"; export default c

分析错误:未终止的JSX内容。不知道为什么它总是说我需要另一个标签。另外,我遇到的一个问题是如何处理自动关闭的HTML标记。我不知道如何处理JSX

我尝试匹配所有标记,并使用Atom创建Html文件和括号匹配器。我不知道为什么它总是给我这个错误。我想为自动关闭标签添加一个起始标签

import React from 'react';
import linkedinIcon from "./footer-component/linkedin-icon.png";

export default class Resume extends React.Component {
render(){
return (
<div className="container">
  <div className="col-md-12">
    <h1>Résumé</h1>
    <h3>SUMMARY</h3>
    <p>Passionate front-end web developer with 3 years of experience using JavaScript, HTML5, CSS, Bootstrap and Javascript frameworks to build the users experience and user interface for client-facing webpages. Specializes in React, HTML, Bootstrap,
      and CSS</p>
    <hr>
    </hr>
    <h3>Technical Skills</h3>
    <ul>
      <li>Front-end</li>
      <ul>
        <li>HTML</li>
        <li>CSS</li>
        <li>Bootstrap 4</li>
        <li>JavaScript</li>
        <li>jQuery</li>
        <li>Embedded JavaScript</li>
        <li>REACT</li>
      </ul>
      <li>Other</li>
      <ul>
        <li>Git</li>
        <li>GitHub</li>
      </ul>
    </ul>
    <h3>Work Experience</h3>
    <p>Operations Summer Intern, Benetech | Palo Alto, California | 2019 - 2019</p>
    <ul>
      <li>Created more than 20 landing pages in HTML5, CSS3, and Bootstrap 4</li>
      <li>Implemented CSS/Bootstrap to design multiple responsive web pages</li>
      <li>Maintained front-end code and documentation standards</li>
    </ul>
    <hr>
    </hr>
    <h3>Education</h3>
    <div className="row">
      <div className="col-md-2">
        Expected in 06/2020
      </div>
      <div className="col-md-10">
        <p><b>High School Diploma</b>
          <br></br>
          <b>Fusion Academy</b> - Palo Alto</p>
      </div>
    </div>
    );
    } // END OF RENDER
    } // END OF Resume
从“React”导入React;
从“/footer component/linkedin icon.png”导入linkedin图标;
导出默认类Resume扩展React.Component{
render(){
返回(
简历
总结
热情的前端web开发人员,拥有3年使用JavaScript、HTML5、CSS、Bootstrap和JavaScript框架构建面向客户端网页的用户体验和用户界面的经验。擅长React、HTML、Bootstrap、,
和CSS


技术技能
  • 前端
    • HTML
    • CSS
    • 引导程序4
    • JavaScript
    • jQuery
    • 嵌入式JavaScript
    • 反应
  • 其他
    • 吉特
    • GitHub
工作经验 2019-2019年在加利福尼亚州帕洛阿尔托贝内泰克公司暑期实习运营

  • 在HTML5、CSS3和Bootstrap4中创建了20多个登录页
  • 实现CSS/Bootstrap以设计多个响应性网页
  • 维护前端代码和文档标准

教育类 预计在2020年6月 高中文凭

融合学院-帕洛阿尔托

); }//渲染结束 }//简历结束
分析错误:未终止的JSX内容。希望错误消失


您没有关闭两个顶部的
div
元素(
.container
.col-md-12

您在
.container
.col-md-12
的末尾缺少两个
标记

此外,您可能应该只使用

,而不使用结束标记。说:

开始标签:必需,结束标签:禁止



是有效的XHTML,但出于兼容性原因,您应该使用上面的内容。

前两个div元素未关闭。另外,添加水平线标记的正确方法是使用自动关闭标记
。热情的前端web开发人员,有3年使用JavaScript的经验。。。有趣的