Блог

Я хочу иметь возможность перебирать все URL-адреса в серии объектов и редактировать их, чтобы они были видны на react-admin панели, которая используется react-admin-firebase для заполнения DataProvider .

У меня есть куча URL-адресов из хранилища firebase, которые я хочу отобразить в панели администратора. Проблема в том, что firebase хранит эти местоположения файлов по относительному пути, а не по общедоступному пути. т.е. Что-то вроде, gs://imagename.png а не загружаемый URL https://firebasestorage.googleapis.com/imagename.png -адрес.

Я пытался использовать useQuery useDataProvider хуки и из react-admin , но они, похоже, возвращают данные, которые неприменимы: для useQuery я попробовал getList тип и пустую полезную нагрузку obj и получил обратно пустой массив. ибо useDataProvider я получаю весь объект поставщика данных и ни один из фактических данных.

Также, когда я попытался передать динамические значения ImageField компоненту, я получил сообщение об ошибке, в котором говорится source , что prop должен иметь тип string . Я думал, что на основе их документов я смогу создать пользовательский объект и передать его в качестве реквизита ImageField , но img в DOM элементы не отображаются.

(В настоящее время) нет способа загружать данные с gs:// URL-адресов в веб-клиентах.

Если вы хотите отображать изображения из облачного хранилища в своем веб-приложении через Firebase, вам нужно будет получить URL-адрес загрузки для каждого файла и отобразить их в своих img тегах.