Question

解析错误：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

解析错误：JSX内容未终止。希望错误消失了。

Answer 1

您没有关闭两个顶部div元素（.container和.col-md-12）

Answer 2

您在末尾缺少两个</div>标签，分别是.container和.col-md-12。

此外，您可能应该仅使用<hr />，而不要使用结束标记。 HTML说：

开始标记：必需，结束标记：禁止

<hr></hr>是有效的XHTML，但是出于兼容性原因，您应该使用以上内容。

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

2 个答案: