ReactJS 预期 <li> 相应的 JSX 结束标记

Question

我不明白 React 会抛出这个错误：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>     
        );
      }

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

Answer 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>

ReactJS 预期 <li> 相应的 JSX 结束标记

ReactJS Expected corresponding JSX closing tag for <li>

jsx

reactjs