Reactjs 返回React，获取语法错误？

这是我第一次使用React，我对语法感到困惑。在Sublime文本中，在下面的代码中返回后，我不断得到一个关于开括号的错误，表示没有闭包，但是很明显，我将其放在文本字符串的末尾附近

return (
      <>
        <section className="jumbotron jumbotron-fluid text-center">
          <div className="container py-5">
            <h1 className="display-4">Recipes for every occasion</h1>
            <p className="lead text-muted">
              We’ve pulled together our most popular recipes, our latest
              additions, and our editor’s picks, so there’s sure to be something
              tempting for you to try.
            </p>
          </div>
        </section>
        <div className="py-5">
          <main className="container">
            <div className="text-right mb-3">
              <Link to="/recipe" className="btn custom-button">
                Create New Recipe
              </Link>
            </div>
            <div className="row">
              {recipes.length > 0 ? allRecipes : noRecipe}
            </div>
            <Link to="/" className="btn btn-link">
              Home
            </Link>
          </main>
        </div>
      </>
    );
  }

}
export default Recipes;

返回(
各种场合的食谱

我们收集了最流行的食谱，最新的
添加内容，以及我们的编辑选择，所以肯定会有一些东西
诱惑着你去尝试。

创建新配方
{recipes.length>0？所有配方：noRecipe}
家
);
}
}
导出默认配方；

反斜杠插入后，代码似乎一团糟，其后的所有内容都与字符串颜色相同

---

我在这里遗漏了什么？

您的Sublime Text JSX highlighter可能太老了，不支持

语法

要么：

• 更新荧光灯（Package Control中可能有更好的荧光灯）
• 对片段使用长格式

  …

  语法

---

我们唯一怀念的就是一个美好的假期D但严重的是，它可能是

使用

React.Fragment

，让我们看看