如何從本地文件夾在 React-Admin 中顯示圖像 - 從 mongoDB 獲取的路徑

Question

我從我的 mongoDB 服務器獲取數據。 一切都正確顯示，但圖像。

<ImageField source='filename' title="image" />

比方說，文件名是“book-2929646_960_720.jpg”。 此圖像存儲在本地文件夾中（與我的 react-admin 組件不同）。

我應該如何修改要顯示的圖像的源路徑？ 我嘗試使用模板文字來構建路徑，但它不起作用。

Answer 1

<ImageField>無法做到這一點 - 這是當前的限制。

您可以為此使用<FunctionField> ：

const FilenameField = props => <FunctionField 
   {...props}
   render={record => <img src={`/foo/bar/${record.filename}`} title="image" />} 
/>;