如何解决解析错误：缺少半隆？

Question

我是新手反应，我正在尝试通过构建书籍列表Web应用程序来学习。

保存我的代码时，我会在Localhost中获得以下内容：

汇编的问题：错误src/components/booklist.js第2行：5： 解析错误：缺少半隆。 （2：5）

有booklist.js文件：

import React from "react";
import Book from "./Book";
import "./BookList.css";
import { BookContext } from "../context/BookContext";
import { ThemeContext } from "../context/ThemeContext";

export default class BookList extends React.Component {
  render() {
    return (
      <ThemeContext.Consumer>
        {(contextTheme) => (
          <BookContext.Consumer>
            {(contextBook) => {
              const { books } = contextBook;

              const { changeColorTheme, isDarkMode, dark, light} = contextTheme;

              const theme = isDarkMode ? dark : light;

              return (
                <section className="page-section" style={{ backgroundColor: theme.bg, color: theme.color }} id="portfolio">
                  <div className="container">
                    <div className="text-right"><button className="btn btn-danger" onClick={changeColorTheme}>Change Mood</button></div>
                    <div className="text-center"><h2 className="section-heading text-uppercase">My Book Folio</h2><h3 className="section-subheading text-muted">subheading</h3></div>
                    <div className="row">
                      {books.map((book, index) => {
                        return <Book book={book} key={index} />;
                      })}
                    </div>
                  </div>
                </section>
              );
            }}
          </BookContext.Consumer>
        )}
      </ThemeContext.Consumer>
    );
  }
}

我已经浏览了代码，看不到缺少的结肠。我唯一的想法是，我没有注意到其他一些语法错误。

有人对如何调试有任何想法或任何建议吗？

Answer 1

我在返回语句中重写了代码，并且Web应用程序有效。我试图比较代码，但是，我看不到原始问题在哪里。

这是工作代码的图像

如果您弄清楚了，请让我知道。我很想知道原因是什么。