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

Question

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

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

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

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

Answer 1

<ImageField> 无法做到这一点 - 这是当前的限制。

您可以为此使用the <FunctionField>：

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