我有一個 json 文件，它將信息傳遞到構造函數中。傳入的 json 中有 3 個字符串，它們是 3 個不同圖像文件的路徑。然后，我嘗試獲取這些字符串并將它們用作輪播中 img 標簽的 src。但是，我在下面執行此操作的方式只會顯示替代文本。如何在 React 環境中使用傳遞給構造函數的字符串作為 img src？如果我讓 img1、img2 或 img3 在警報中顯示它們自己，它實際上會顯示正確的路徑。已編輯JSON 包含您在下面看到的內容      'img1':'./images/forest.PNG',      'img2':'./images/desert.PNG',      'img3':'./images/city.PNG'在 App.js 中它被傳遞給下面的變量  let grabbedImg1 = '';  let grabbedImg2 = '';  let grabbedImg3 = '';然后，它們都被設置為等于基于 id 的 JSON 文件中的相應 img 標簽。打印頁面時<Item name={grabbedName} date={grabbedDate} lang={grabbedLang} detail={grabbedDetails} img1={grabbedImg1} img2={grabbedImg2} img3={grabbedImg3} />我幾乎肯定這些值本身已在構造函數中成功設置，因為我可以在警報中或僅在頁面上的 ap 標記中正確打印它們。由于某種原因，img src 不會接受它。import React from 'react';import ReactDOM from 'react-dom';import Jumbotron from 'react-bootstrap/Jumbotron'import 'bootstrap/dist/css/bootstrap.css';import Carousel from 'react-bootstrap/Carousel';import './Item.css';export class Item extends React.Component {    constructor({name , date, lang, detail, img1, img2, img3})    {     super();     this.name = name;     this.date = date;     this.lang = lang;     this.detail = detail;     this.img1 = img1;     this.img2 = img2;     this.img3 =img3;    }    render(){        return (            <div>                  <Carousel>                  <Carousel.Item interval={4000}>                    <img                      className="d-block w-100"                      src={this.img1}                      alt="First slide"                    />                  </Carousel.Item>                  <Carousel.Item interval={4000}>                    <img                      className="d-block w-100"                      src={this.img2}                      alt="Second slide"                    />            </div>        );    }}