- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我正在处理 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;
最佳答案
我升级了 react-redux
版本来自 ^5.1.1
至 ^7.1.1
在 package.json
文件。
这导致我运行时出现上游依赖错误;
npm install
react
解决了这个问题版本来自
16.8.0
至
16.8.3
在
package.json
文件。
TypeError: TypeError: (0, _reactRedux.useSelector) is not a function
关于reactjs - TypeError : TypeError: (0, _reactRedux.useSelector) 不是函数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58743681/
这是一个Codesandbox . getIDs() 更新 cells,然后 initializeCells() 需要它。但是,此更改不会在调度操作后反射(reflect)出来。尽管如此,我还是可以在
我对 redux/toolkit 很陌生。 我需要使用 redux hook 获取数据 useSelector在我的 react 功能组件中,但数据没有快速准备好,所以看起来 useSelector一
我有一个呈现患者信息的功能组件。在组件中,正在 useEffect 中调度 3 个操作。钩,如下图。每个 Action 都在发出一个异步网络请求。 useEffect(()=>{ di
我需要获取 Redux 存储数据,但并不总是获取每个组件实例化的不同数据。 如何在条件语句中使用 useSelector? 组件应该只在渲染某些子组件时才从 store 获取数据,并且每次都根据子组件
我调用 useSelector从一个组件中成功,该组件从一个 id 派生一个产品名称。 const productId = 25; // whatever const productName = us
最近我一直在阅读react-redux文档https://react-redux.js.org/next/api/hooks还有一个与平等比较和更新相关的部分,内容如下: Call useSelect
嗨,我正在为一个包含 redux 的组件编写单元测试。在测试它时,抛出错误 UseSelector state undefined。 UseSelector 将在收到 api 响应后更新一次。直到它的
页面不渲染,引用 TypeError: state is undefined ,回溯到 中的这一行SelectForm.js : const filter = useSelector(state =>
下面的截图来自 Maximilian Schwarzmüller 的 Udemy 类(class)“React - The Complete Guide (incl Hooks, React Rout
我已经通读了有关钩子(Hook)的文档,但没有看到有关使用钩子(Hook)时组件生命周期的足够详细信息,因此我需要您的帮助。 更具体地说,我有一个包含以下相关问题的示例代码:https://githu
考虑这两个调用 const loading = useSelector((state) => state.example.loading); const { loading } = useSelect
我有一个包含数千行的表格。 import React from "react" import { useSelector } from "react-redux"; import { useEffec
使用 react-devtools 时,它告诉我我的根组件重新渲染的原因是因为钩子(Hook)发生了变化? 当我删除任何 useSelector 时,我的根组件只呈现一次,启用后它会呈现 6 次。 关
我的问题是基于观点而不是基于事实。我想知道什么是更好的做法,我的情况如下:我有一个 react 组件(这是一个父组件),它使用一些 useSelector获取商店数据,它有很多子项。 使用组件数据的最
我正在尝试这样的事情: const useSelector = jest.fn(); jest.mock('react-redux', () => ({ useSelector, })); 然后尝
所以我使用 redux 和 useSelector 钩子(Hook)从商店获取数据。 我可以在一个 reducer 数组中过滤特定的数据,这样组件只在过滤后的数据发生变化时更新,例如: const i
有没有办法在不使用 useSelector 而在 React Component 中使用它来获取状态值 import { superAdmin, zoneManager } from './navig
所以我使用 redux 和 useSelector 钩子(Hook)从商店获取数据。 我可以在一个 reducer 数组中过滤特定的数据,这样组件只在过滤后的数据发生变化时更新,例如: const i
有没有办法在不使用 useSelector 而在 React Component 中使用它来获取状态值 import { superAdmin, zoneManager } from './navig
这是 Refactoring class component to functional component with hooks, getting Uncaught TypeError: func.
我是一名优秀的程序员,十分优秀!