ReactJS 期望 <li> 对应的 JSX 结束标记答案

【问题标题】：ReactJS Expected corresponding JSX closing tag for <li>ReactJS 期望 <li> 对应的 JSX 结束标记
【发布时间】：2017-03-18 12:09:31
【问题描述】：

我不明白它的反应给我这个错误：Expected corresponding JSX closing tag for <li> 因为一切都很好地关闭了，只有当我有多个 li 元素时

 render() {
        return (
          <nav className="navbar navbar-inverse navbar-fixed-top" id="sidebar-wrapper" role="navigation">
            <ul className="nav sidebar-nav">
              <li>
                  <a href="#" className="active">
                    <i className="fa fa-home"></i>Home
                  </a>
              </li>
              <li>
                <a className="collapsible-header waves-effect arrow-r">
                  <i className="fa fa-user"></i> About me<i className="fa fa-angle-down rotate-icon"></i>
                </a>
              <li>
            </ul>
          </nav>     
        );
      }

有人可以帮我解决这个问题吗？

【问题讨论】：

标签： reactjs jsx

【解决方案1】：

您在第二个结束li 中缺少斜线：

  <li>
    <a className="collapsible-header waves-effect arrow-r">
      <i className="fa fa-user"></i> About me<i className="fa fa-angle-down rotate-icon"></i>
    </a>
  </li>

【讨论】：

哈哈，谢谢你是对的，有时你没有注意到它，因为你喜欢它