Question

我无法弄清该错误在第42:18行的含义，请有人解释。

错误消息：

第42:18行：解析错误：意外的令牌

lst = [0, 1, 2, 3, False, ""]
compacted = [n for n in lst if n]

Answer 1

JSX不是HTML的字符串，它们会被混在一起并传递给浏览器的HTML解析器以转换为DOM。这是用于在JavaScript中创建 elements 的语法。

您正在尝试使用</div>（它是 end 标记）启动JSX块。您首先需要一个匹配的 start 标记。

Answer 2

您的代码应为：

  render() {
    return (
      <div className="FlexContainer NavbarContainer">
        <ul className="NavBar">
          <div className="mobilecontainer LeftNav">
            <h2 className="BrandName LeftNav mobileboxmenu inline">
              Kommonplaces
            </h2>
            <div className="hamburger inline" onClick={this.showDropdownMenu}>
              <img alt="menubtn" src={hamburger} />
            </div>
            {this.state.displayMenu ? (
              <>
                <Dropdown />

                <li className="RightNav">
                  <Link to="/">Host Your Space</Link>
                </li>
                <li className="RightNav">
                  <Link to="/">About Us</Link>
                </li>
                <li className="RightNav FarRight">
                  <Link to="/">Contact Us</Link>
                </li>

                <li className="RightNav">
                  <Link to="/">Sign Up</Link>
                </li>
                <li className="RightNav">
                  <Link to="/">Login</Link>
                </li>
              </>
            ) : null}
          </div>
        </ul>
      </div>
    );
  }

无法在React中找出“意外令牌”

2 个答案: