Данные из react-native fetch() не отображаются в приложении
Я новичок в React Native,пробую подключить fetch к Firebase, мне пришел ответ, но данные не отображаются в приложении(просто пустой экран), при этом в консоль выводятся без проблем. Ошибок никаких в консоли нет. Не могу понять в чем дело.
файл Reducer.js
import { FETCH_REST } from "../types";
const initialState = {
allRests: [],
chosen: []
};
export const restReducer = (state = initialState, action) => {
switch(action.type){
case FETCH_REST:
return{...state,
allRests: action.payload,
chosen: action.payload.filter(r => r.chosen)}
default: return state
}
}
файл Actions.js
import {FETCH_REST} from "../types"
export const fetchRest = async () => {
const response = await fetch("https://res-default-rtdb.firebaseio.com/data.json",{
method: 'GET',
headers: {'Content-Type': 'application/json'}
})
const data= await response.json()
console.log("data:\n" ,data);
return{
type: FETCH_REST,
payload: data
}
}
файл где используются данные из fetch - Homescreen.js
import React, { useCallback, useEffect } from 'react';
import {useSelector} from 'react-redux';
import { View } from 'react-native';
import { MenuCard } from '../menuCard/MenuCard';
import { fetchRest } from '../store/actions/Action';
const HomeScreen = ({ navigation }) => {
const loadData= useCallback(async () => await fetchRest(), [fetchRest])
useEffect(() => {
loadData()
},[])
const allRests = useSelector(state => state.rest.allRests)
return (
<View>
<MenuCard data={allRests} navigation={navigation} />
</View>
)
}
store.js
import {createStore, combineReducers} from 'redux';
import {Reducer} from './reducers/Reducer';
const rootReducer = combineReducers({
rest: Reducer
});
export default createStore(rootReducer);
Буду рад любому совету, как вывести данные для отображения. Заранее благодарю.