我正在使用此代码收到JSX错误,我无法弄清楚

时间:2019-05-26 15:59:46

标签: javascript reactjs

我正在尝试使用HTML网站中的标头,但出现JSX错误

<div className="container h-100">
  <div className="row h-100 align-items-center justify-content-center text-center">
    <div className="col-lg-10 align-self-end">
      <h1 className="text-uppercase text-white font-weight-bold">Your Favorite Source of Free Bootstrap Themes</h1>
      <hr className="divider my-4">
    </div>
    <div className="col-lg-8 align-self-baseline">
      <p className="text-white-75 font-weight-light mb-5">Start Bootstrap can help you build better websites using the Bootstrap framework! Just download a theme and start customizing, no strings attached!</p>
      <a className="btn btn-primary btn-xl js-scroll-trigger" href="#about">Find Out More</a>
    </div>
  </div>
</div>

1 个答案:

答案 0 :(得分:1)

错误在这一行:

 <hr className="divider my-4">

它应该具有自动关闭的/

<hr className="divider my-4" />一样