我在 localhost:3000 上使用假 db.json 并在另一臺服務器上運行react.js。React.js 代碼的新內容。我需要獲取 db.json 文件中評論星級的平均值。這是破壞網站的代碼功能......    const getAverage = (reviews) => {        reviews.map((review) => {            return review.stars.reduce((a.review.stars, b.review.stars => (a.review.stars + b.review.stars), 0) / review.stars.length;        });    };我調用它的方式總是有語法錯誤......<div><p className="totalReviewsTally">Average: {getAverage(reviews.stars)} {reviews.length}</p></div>我的組文件header.jsimport React, {useState, useEffect} from "react";import './index.css';import './images/gup_logo.svg';import './images/gup_logo_text.svg';import './images/mapMarker.svg';import './images/solidStar.svg';import './images/emptyStar.svg';import './images/halfStar.svg';import './images/makeFaveShop.svg';import './images/unFaveShop.svg';import './images/contactButton.svg';import './images/shopCart.svg';import { Link } from "@reach/router";const Header = (props) => {    const [shopOwnerInfo, setShopOwnerInfo] = useState([]);    const [reviews, setReviews] = useState([]);    useEffect(() => {        const getJsonOwnerData = async () => {            const response = await fetch(`http://www.localhost:3000/shopOwner/1`);            const responseShopOwner = await response.json();            setShopOwnerInfo(responseShopOwner);        };        const getReviews = async () => {            const response = await fetch(`http://www.localhost:3000/reviews`);            const reviewsResponse = await response.json();            setReviews(reviewsResponse);        };        getReviews();        getJsonOwnerData();    }, []);    const getAverage = (reviews) => {        reviews.map((review) => {            return review.stars.reduce((a.review.stars, b.review.stars => (a.review.stars + b.review.stars), 0) / review.stars.length;        });    };