在MovieList.js的第7行將物件從FetchMovie傳遞到MovieList組件時出現意外令牌，預期為“}”錯誤

這是 MovieList.js，我從下面給出的 FetchMovie.js 將一個反應物件作為道具傳遞給了這個組件。我試過了，但它仍然存在。請幫忙

電影串列.js

import React from "react";
function MovieList(props) {
  console.log(props.newFilm)
  return (
    <div className="filmm">
      <h1>{props.newFilm.film_name}</h1>
      <img src={props.newFilm.images.still.2.medium.film_image} />//line 7   
    </div>
  );
}

export default MovieList

FetchMovie.js 這是 FetchMovie.js 檔案，通過這個組件，我將用戶物件作為道具傳遞給 MovieList.js，然后發生了錯誤。請幫忙。我在 FetchMOvies.js 下面給出了用戶物件。

import React, { useState } from "react";
import MovieList from "./MovieList";
import users from "./MovieView";
let s = users.films;
function FetchMovies() {
  return (
    <div>
      {s.map((film) => (
        <MovieList key={film.film_id} newFilm={film} />
      ))}
    </div>
  );
}

export default FetchMovies;

這是用戶物件：

users={
  films: [
    {
      film_id: 258136,
      imdb_id: 2119543,
      imdb_title_id: "tt2119543",
      film_name: "The House With A Clock In Its Walls",
      other_titles: {
        EN: "The House With A Clock In Its Walls"
      },
      release_dates: [
        {
          release_date: "2018-09-21",
          notes: "GBR"
        }
      ],
      age_rating: [
        {
          rating: "12A ",
          age_rating_image:
            "https://d2z9fe5yu2p0av.cloudfront.net/age_rating_logos/uk/12a.png",
          age_advisory: "moderate threat, scary scenes"
        }
      ],
      film_trailer: "https://dzm1iom8kpoas.cloudfront.net/258136_uk_high.mp4",
      synopsis_long:
        "In the tradition of Amblin classics where fantastical events occur in the most unexpected places, Jack Black and two-time Academy Award? winner Cate Blanchett star in THE HOUSE WITH A CLOCK IN ITS WALLS, from Amblin Entertainment.  The magical adventure tells the spine-tingling tale of 10-year-old Lewis (Owen Vaccaro) who goes to live with his uncle in a creaky old house with a mysterious tick-tocking heart.  But his new town's sleepy fa?ade jolts to life with a secret world of warlocks and witches when Lewis accidentally awakens the dead.",
      images: {
        poster: {
          "1": {
            image_orientation: "portrait",
            region: "US",
            medium: {
              film_image:
                "https://d3ltpb4h29tx4j.cloudfront.net/258136/258136h1.jpg",
              width: 200,
              height: 300
            }
          }
        },
        still: {
          "2": {
            image_orientation: "landscape",
            medium: {
              film_image:
                "https://d3ltpb4h29tx4j.cloudfront.net/258136/258136h2.jpg",
              width: 300,
              height: 199
            }
          }
        }
      }
    }
  ],
  status: {
    count: 1,
    state: "OK",
    method: "filmsComingSoon",
    message: null,
    request_method: "GET",
    version: "ZUPIv200",
    territory: "UK",
    device_datetime_sent: "2018-09-14T09:26:34.793Z",
    device_datetime_used: "2018-09-14 09:26:34"
  }
};

uj5u.com熱心網友回復：

物件的鍵必須是字串。您在物件本身中做對了。但是當您嘗試訪問它時，問題再次出現。

如果您堅持使用它（也許您沒有選擇），則必須使用方括號表示法：

props.newFilm.images.still["2"].medium.film_image

為什么這個錯誤：JavaScript在遇到數字并即將回傳時停止查找物件props.newFilm.images.still其余的不理解，拋出的錯誤是“期待一個}”

uj5u.com熱心網友回復：

使用編號鍵時，請使用括號表示法而不是點表示法

<img src={props.newFilm.images.still.2.medium.film_image} />

到

<img src={props.newFilm.images.still["2"].medium.film_image} />

標籤：javascript 反应

上一篇：我可以在if陳述句中比較函式引數嗎？

下一篇：如何將我的元素定位為粘性（當我滾動通過它們時留在螢屏上）