我有一個(gè) json 文件，它將信息傳遞到構(gòu)造函數(shù)中。傳入的 json 中有 3 個(gè)字符串，它們是 3 個(gè)不同圖像文件的路徑。然后，我嘗試獲取這些字符串并將它們用作輪播中 img 標(biāo)簽的 src。但是，我在下面執(zhí)行此操作的方式只會(huì)顯示替代文本。如何在 React 環(huán)境中使用傳遞給構(gòu)造函數(shù)的字符串作為 img src？如果我讓 img1、img2 或 img3 在警報(bào)中顯示它們自己，它實(shí)際上會(huì)顯示正確的路徑。已編輯JSON 包含您在下面看到的內(nèi)容      'img1':'./images/forest.PNG',      'img2':'./images/desert.PNG',      'img3':'./images/city.PNG'在 App.js 中它被傳遞給下面的變量  let grabbedImg1 = '';  let grabbedImg2 = '';  let grabbedImg3 = '';然后，它們都被設(shè)置為等于基于 id 的 JSON 文件中的相應(yīng) img 標(biāo)簽。打印頁(yè)面時(shí)<Item name={grabbedName} date={grabbedDate} lang={grabbedLang} detail={grabbedDetails} img1={grabbedImg1} img2={grabbedImg2} img3={grabbedImg3} />我?guī)缀蹩隙ㄟ@些值本身已在構(gòu)造函數(shù)中成功設(shè)置，因?yàn)槲铱梢栽诰瘓?bào)中或僅在頁(yè)面上的 ap 標(biāo)記中正確打印它們。由于某種原因，img src 不會(huì)接受它。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>        );    }}