Я работаю над useSelector
из react-redux
внутри своего приложения React Native, я получаю следующую ошибку:
TypeError: TypeError: (0, _reactRedux.useSelector) is not a function.
Мой код:
import { useSelector } from 'react-redux';
const availableMeals = useSelector(state => state.meals.filteredMeals);
Согласно официальной документации, это простейшее использование useSelector
, но я получаю эту ошибку.
РанееЯ получил еще одну ошибку, связанную с Redux
в моем проекте, но она была автоматически решена за ночь, так связана ли эта проблема с каким-то кешем?
Как я могу решить эту проблему?
Вот мой код:
import React from 'react';
import { useSelector } from 'react-redux';
import { CATEGORIES } from '../data/dummy-data';
import MealList from '../components/MealList';
function CategoryMealScreen(props) {
const catId = props.navigation.getParam('categoryId');
const availableMeals = useSelector(state => state.meals.filteredMeals);
const displayedMeals = availableMeals.filter(meal => meal.categoryIds.indexOf(catId) >= 0);
return <MealList listData={displayedMeals} navigation={props.navigation} />;
};
CategoryMealScreen.navigationOptions = navigationData => {
//console.log(navigationData);
const catId = navigationData.navigation.getParam('categoryId');
const selectedCategory = CATEGORIES.find(cat => cat.id === catId);
return {
headerTitle: selectedCategory.name,
};
};
export default CategoryMealScreen;