如何从本地文件夹在 React-Admin 中显示图像 - 从 mongoDB 获取的路径

问题描述

我从我的 mongoDB 服务器获取数据。一切都显示正确，但图像。

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

文件名是，比方说，'book-2929646_960_720.jpg'。该图像存储在本地文件夹中（与我的 react-admin 组件不同）。

我应该如何修改要显示的图像的源路径？我已经尝试使用模板文字来构建路径，但它不起作用。

解决方法

您不能使用 <ImageField> 做到这一点 - 这是当前的限制。

您可以使用 the <FunctionField>：

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