我在這里設置了一個系統，單擊保存按鈕抓取一個div并制作一個可用的圖像文件。我知道這是有效的，因為我已經讓它與單個圖像一起工作。我現在已將其設置為與同一圖像的多個圖像一起使用，但我似乎無法讓它映射任何內容。我一直在閱讀有關傳播的文章，我正在嘗試這樣做，但它仍然不適合我。我以前遇到過這種掙扎，如果有人能解釋為什么這不起作用，我會很高興。我正在使用反應鉤子。我也知道狀態正在更新，據我所知是正確的。我大約99%確定問題出在映射中。import React, { useState } from "react";import "./Favorites.css";import htmlToImage from "html-to-image";import FileBase64 from "react-file-base64";function Favorites(props) {  const [files, setfiles] = useState([]);  const newspreadarray = [...files];  const getimage = () => {    var htmlToImage = require("html-to-image");    var node = document.getElementById("mymodal153");    htmlToImage      .toPng(document.getElementById("mymodal153"), { quality: 0.01 })      .then(function (dataUrl) {        var img = new Image();        img.src = dataUrl;        console.log(dataUrl);        let newarray = files;        newarray.push(dataUrl);        console.log(newarray);        setfiles(newarray);      })      .catch(function (error) {        console.error("oops, something went wrong!", error);      });  };  return (    <div>      <span onClick={getimage} className="minize close">        save &minus;      </span>      <div className="imageholder">        <div id="mymodal153">          <img src="https://i.imgur.com/LFXgB63.png" class="dinoimage" />          <h1>Cool</h1>          <p>hi this is some example text</p>        </div>        <div id="imageplacer"></div>        {newspreadarray.map((post, index) => (          //we can fiddle with sizes here :)          <img src={post} key={index} />        ))}      </div>    </div>  );}export default Favorites;