开发者问题收集
我正在尝试为组件实现命名空间,以便可以在不同的工作流中重复使用操作和 Reducer。我有嵌套的状态结构。这是我的根 Reducer 的样子const rootReducer = combineReducers({session: SessionReducer,posts: PostsReducer,form: formReducer,employees : {currentPage : curr
我有一个使用 React、Redux 和 Sagas 的应用程序。我有一个 Reducer,它的状态是一个对象数组。我希望这个 Reducer 通过删除数组的第一个项来处理某个操作。我理解状态需要是不可变的,因此我不能简单地调用 .shift。这是我现在想做的事情:const flashcards = (state = [], action) => {switch (action.type) {c
在我的 Redux 存储中,我有多个切片,并且我想访问 speciesSlice 内 settingsSlice 的lang状态。这是我的切片的代码示例:const settingsSlice = createSlice({name: 'settings',initialState: { lang: 'en', theme: 'dark' },reducers: {...},});const sp
这是我的初始状态: export const initialState = {currencieList: [],currentPage: 1,pageCount: 1,itemsPerPage: 20,};这是我的 redux-saga,我想用它来触发一个动作: function* loadDataAsync() {console.log("SAGAS WORKS");yield delay(
Reducer 上的函数从状态中删除所选类别的函数更新添加的状态state={cat:[]>const delCat = (state, payload) => {const { id } = payloadconst idx = state.category.findIndex((el) => el.id === id)let pastState = state.slice(0, idx)let
在 redux 中我想创建一个选择器 getRequestStatus:export const getRequestStatus = (state) => state.books.request由于未知原因,当我使用mapStateToProps时它在组件中不起作用,并说state.books未定义。const mapStateToProps = state => ({getBook: (boo
编辑:添加了 package.json 摘录我正在尝试在现有的 React 项目中实现 typescript,但在使用Reselect库时遇到了困难。Typescript 编译器坚持导入 createSelector 函数的第一个定义,但无法识别我的函数签名对应于另一个定义。它导入的定义:export function createSelector<S, R1, T>(selector: Sele
尝试使用 Redux 的 Reselect 库,如下所示:// selectors.jsimport { createSelector } from "reselect";const loggedIn = state => {return state.language.loggedIn;};export const loggedInSelector = createSelector(loggedI
我的 redux 存储有两个独立的切片 A 和 B,我需要一个记忆选择器,只有当 A 发生变化时,它才返回从 B 派生的内容。例如const getSliceA = (state) => state.Aexport const getSliceB = createSelector(getSliceA,(a) => { return MyDerive(state.B) })我的问题是如何将状态或
我理解“reselect”背后的记忆概念,并使用它来组成我的 Redux 选择器,但我不完全确定createSelector如何“知道”组件选择器的数据何时发生变化,以及在这些“子选择器”中包含其他函数调用是否会干扰createSelector的记忆。问题在于,在“子选择器”中,即我传递给createSelector的函数,我需要执行一些基本检查,以确保 JSON 数据树的某些部分不是unedef
我的 redux Reducer 具有以下状态类型:export interface CharactersState {characters: CharacterType[];error: string | null;isFetching: boolean;}然后我将此状态类型与 CombineReducer 一起使用来创建我的商店:const initialState: CharactersSt
我在我的 react-native 项目中使用了 reselect 库。我有以下代码。import { createSelector } from 'reselect';import { ApplicationState } from 'types/reducer.types';const selectAuth = ({ auth }: ApplicationState) => auth;expo
我在我的 React 项目中使用 reselect 库。我创建了Posts选择器,它工作正常。这是代码// selectors.tsconst getPosts = (state: RootState) => state.posts.posts;export const getPostsSelector = createSelector(getPosts, (posts) => posts);我在
我希望在我的编程网站上解释 Redux 存储的记忆化。我现在在CodeSandbox上拥有:import { useCallback, useMemo, memo } from "react";import { useSelector, useDispatch } from "react-redux";import { createSelector } from "reselect";const
我正在参加一个测试,其中我应该以这样一种方式编写代码,以便所有单元测试用例都能通过。案例 1: it('should dispatch action when dispatchAction is called', async() => {// you need to spy on store's 'dispatch' methodstore = TestBed.get(Store);spyOn(