# #reactjs #firebase
Вопрос:
Я использую componentDidMount(){} для извлечения данных из раздела хранилища Firebase (не базы данных реального времени или базы данных firestore). В хранилище у меня есть простой файл example_data.json.
Код, который я использую для извлечения файла json, приведен ниже. После запуска console.log(url) и вставки зарегистрированного URL-адреса в строку поиска я вижу, что там есть данные json. Однако я не могу запустить res.json() без сбоя всего процесса.
Первоначально сообщение об ошибке, которое я получил, было связано с отсутствием доступа к данным из-за CORS. Чтобы обойти это, я установил «режим:» без корсов «» в моей выборке(). Теперь я получаю ошибку «app.js:58 Неперехваченная (в обещании) синтаксическая ошибка: Неожиданный конец ввода в…», которая, судя по тому, что я прочитал, вызвана тем, что у меня есть только непрозрачный доступ к данным.
Как я могу обойти это, чтобы я мог импортировать свои данные json? Я новичок в реагировании и даже новичок в Firebase, поэтому я очень признателен за любые советы здесь.
componentDidMount(){
var storage = firebase.storage();
console.log(storage);
const file = [ 'example_data.json' ];
var url_store = "";
file.map( filename => {
storage
.ref( `/${filename}` )
.getDownloadURL()
.then( url => {
console.log(url)
fetch(url,{mode: 'no-cors'})
.then(res => {
// Convert the response data to a JSON.
return(res.json())
//return res.json();
}, err => {
// Print the error if there is one.
console.log(err);
})
})
});