Блог

Я получаю данные с моего сервера MongoDB. Все отображается правильно, кроме изображения.

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

имя файла, скажем так, ‘book-2929646_960_720.jpg». Это изображение хранится в локальной папке (не такой, как у моего компонента react-admin).

Как я должен изменить исходный путь для отображения изображения? Я пробовал использовать шаблонные литералы для построения пути, но это не работает.

Вы не можете сделать это с <ImageField> помощью — это текущее ограничение.

Вы можете использовать <FunctionField> для этого:

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