在客戶端反應應用程序上加載文件

Question

下午好，我正在嘗試創建一個 React（靜態）應用程序，僅由客戶端組成。 我不需要服務器。 在客戶端有幾個圖像..我想找到一種方法，應用程序的管理員能夠加載圖像並將它們放入反應應用程序的 public/img 文件夾中。 有可能做那樣的事情嗎？

Answer 1

在src中創建一個assets文件夾。 這將是您存儲圖像的文件夾。 請參閱React：添加圖像、Fonts 和文件

/* Component.js */
import React from 'react';
import image from 'PathToAssetsFolder/img.png'; // Tell webpack this JS file uses this image

console.log(image); // PathToAssetsFolder/img.84287d09.png

function Header() {
  // Import result is the URL of your image
  return <img src={image} alt="Image" />;
}

export default Header;