如何正确模拟reducer中的函数
在前端开发中，reducer是一种常用的函数，用于管理应用的状态和数据流。它通常与Redux或其他状态管理库一起使用。正确模拟reducer中的函数可以通过以下步骤实现：
- 确定reducer函数的输入参数：reducer函数通常接收两个参数，即当前的状态（state）和一个表示操作的动作（action）对象。状态是应用的当前状态，而动作对象描述了要对状态进行的更改。
- 定义初始状态：在reducer函数中，需要定义一个初始状态。这个初始状态是在应用启动时使用的默认状态。
- 根据动作类型更新状态：根据动作对象中的类型（type）属性，使用条件语句或switch语句来确定要执行的操作。根据动作类型的不同，可以执行不同的状态更新操作，例如添加、删除、更新等。
- 返回更新后的状态：根据执行的操作，更新状态后，将更新后的状态作为函数的返回值返回。
下面是一个示例reducer函数的代码：
// 定义初始状态
const initialState = {
count: 0,
};
// 定义reducer函数
const reducer = (state = initialState, action) => {
switch (action.type) {
case 'INCREMENT':
return {
...state,
count: state.count + 1,
};
case 'DECREMENT':
return {
...state,
count: state.count - 1,
};
default:
return state;
}
};
// 使用示例
const initialState = {
count: 0,
};
// 定义reducer函数
const reducer = (state = initialState, action) => {
switch (action.type) {
case 'INCREMENT':
return {
...state,
count: state.count + 1,
};
case 'DECREMENT':
return {
...state,
count: state.count - 1,
};
default:
return state;
}
};
// 使用示例
const initialState = {
count: 0,
};
// 定义reducer函数
const reducer = (state = initialState, action) => {
switch (action.type) {
case 'INCREMENT':
return {
...state,
count: state.count + 1,
};
case 'DECREMENT':
return {
...state,
count: state.count - 1,
};
default:
return state;
}
};
// 使用示例
const initialState = {
count: 0,
};
// 定义reducer函数
const reducer = (state = initialState, action) => {
switch (action.type) {
case 'INCREMENT':
return {
...state,
count: state.count + 1,
};
case 'DECREMENT':
return {
...state,
count: state.count - 1,
};
default:
return state;
}
};
// 使用示例
const initialState = {
count: 0,
};
// 定义reducer函数
const reducer = (state = initialState, action) => {
switch (action.type) {
case 'INCREMENT':
return {
...state,
count: state.count + 1,
};
case 'DECREMENT':
return {
...state,
count: state.count - 1,
};
default:
return state;
}
};
// 使用示例
const initialState = {
count: 0,
};
// 定义reducer函数
const reducer = (state = initialState, action) => {
switch (action.type) {
case 'INCREMENT':
return {
...state,
count: state.count + 1,
};
case 'DECREMENT':
return {
...state,
count: state.count - 1,
};
default:
return state;
}
};
// 使用示例
const initialState = {
count: 0,
};
// 定义reducer函数
const reducer = (state = initialState, action) => {
switch (action.type) {
case 'INCREMENT':
return {
...state,
count: state.count + 1,
};
case 'DECREMENT':
return {
...state,
count: state.count - 1,
};
default:
return state;
}
};
// 使用示例
const initialState = {
count: 0,
};
// 定义reducer函数
const reducer = (state = initialState, action) => {
switch (action.type) {
case 'INCREMENT':
return {
...state,
count: state.count + 1,
};
case 'DECREMENT':
return {
...state,
count: state.count - 1,
};
default:
return state;
}
};
// 使用示例
const initialState = {
count: 0,
};
// 定义reducer函数
const reducer = (state = initialState, action) => {
switch (action.type) {
case 'INCREMENT':
return {
...state,
count: state.count + 1,
};
case 'DECREMENT':
return {
...state,
count: state.count - 1,
};
default:
return state;
}
};
// 使用示例
const initialState = {
count: 0,
};
// 定义reducer函数
const reducer = (state = initialState, action) => {
switch (action.type) {
case 'INCREMENT':
return {
...state,
count: state.count + 1,
};
case 'DECREMENT':
return {
...state,
count: state.count - 1,
};
default:
return state;
}
};
// 使用示例
const initialState = {
count: 0,
};
// 定义reducer函数
const reducer = (state = initialState, action) => {
switch (action.type) {
case 'INCREMENT':
return {
...state,
count: state.count + 1,
};
case 'DECREMENT':
return {
...state,
count: state.count - 1,
};
default:
return state;
}
};
// 使用示例
const initialState = {
count: 0,
};
// 定义reducer函数
const reducer = (state = initialState, action) => {
switch (action.type) {
case 'INCREMENT':
return {
...state,
count: state.count + 1,
};
case 'DECREMENT':
return {
...state,
count: state.count - 1,
};
default:
return state;
}
};
// 使用示例
const initialState = {
count: 0,
};
// 定义reducer函数
const reducer = (state = initialState, action) => {
switch (action.type) {
case 'INCREMENT':
return {
...state,
count: state.count + 1,
};
case 'DECREMENT':
return {
...state,
count: state.count - 1,
};
default:
return state;
}
};
// 使用示例
const initialState = {
count: 0,
};
// 定义reducer函数
const reducer = (state = initialState, action) => {
switch (action.type) {
case 'INCREMENT':
return {
...state,
count: state.count + 1,
};
case 'DECREMENT':
return {
...state,
count: state.count - 1,
};
default:
return state;
}
};在这个示例中，reducer函数接收两个参数：state和action。根据action的类型，它可以执行增加或减少计数器的操作，并返回更新后的状态。这个reducer函数可以与Redux或其他状态管理库一起使用，以管理应用的状态和数据流。
对于腾讯云相关产品和产品介绍链接地址，由于要求不能提及具体的云计算品牌商，我无法提供具体的链接。但腾讯云提供了一系列云计算相关的产品和服务，例如云服务器、云数据库、云存储等，可以根据具体需求选择适合的产品。
相关·内容
我有一个redux文件，它包含我的还原器和通过命名导出的所有操作。
export const reducer = (state, action) => ...
export myAction = action => {
return {type: 'ACTION', action}
}
...
在我的测试文件中，我导入还原器和操作。我有一个renderWithRedux，它接受减速机，并在里面创建一个真正的商店。
function renderWithRedux(ui, reducer = combineReducers(reducers), initia
浏览 0提问于2018-08-27得票数 9
据我所知，映射器为每个reducer生成一个分区。reducer如何知道要复制哪个分区？假设有2个节点正在运行mapper for word count程序，并且配置了2个reducers。如果每个map节点生成2个分区，并且两个节点中的分区都可能包含相同的单词作为键，那么reducer将如何正确工作？
对于ex：
如果节点1产生分区1和分区2，并且分区1包含名为"WHO“的键。
如果节点2产生分区3和分区4，并且分区3包含名为"WHO“的键。
如果Partition 1和Partition 4到了reducer 1(剩下的是reducer 2)，reducer 1如何计算正确
浏览 5提问于2012-05-10得票数 4
回答已采纳
2回答
具有Dart功能的Mockito
、、、、
但是，当我试图验证该方法的调用时，我想要模拟一个方法。我收到一个错误，上面说：
Used on a non-mockito object
以下是简化的代码：
test('test',() {
MockReducer reducer = new MockReducer();
verify(reducer).called(0);
});
class MockReducer extends Mock {
call(state, action) => state;
}
为什么我不能做这样的事？
浏览 9提问于2017-12-08得票数 7
回答已采纳
1回答
如何根据还原器值的更改触发函数？
、、、、
我有一个关于如何在一个组件中触发一个函数的问题，这个问题是在不同组件的还原器值变化时触发函数的。
目前，我的Home组件中有一个运行在ComponentDidMount中的函数。如果我的值this.props.reducer.run为真，则函数会触发。初始状态设置为true，因此该函数在应用程序首次加载时触发。
在我的Profile组件中，我有一个切换开关，将this.props.reducer.run切换到true或false。当对还原器值发生更改时，是否有可能在Home中触发我的函数？
下面是我所拥有的代码的一个模拟，我想知道ComponentDidUpdate是否应该是我应该看到的，如果
浏览 5提问于2020-10-16得票数 0
1回答
我正在尝试测试一个简单的reducer，它的date属性设置为date。 const today = new Date();
export const initialState = {
today
};
console.log(new Date().toDateString()); // <--- real date
export default function globalReducer(state = initialState, action) {
console.log(new Date().toDateString()); // <--- mocked d
浏览 57提问于2021-02-23得票数 4
回答已采纳
这是我的输入
<input
type="text"
onChange={(e) => {
props.setInputVal(e.target.value);
}}
/>
这是动作文件
export const setInputVal = (val) => {
return {
type: SET_INPUT,
payload: val
};
};
浏览 8提问于2020-05-18得票数 0
我目前正在使用Jest在我的一个上进行单元测试(使用redux)。这些服务调用其他API之外的API、选择器和操作，选择器和特定于此服务的操作。
因此，为了模拟这些外部API、选择器和操作，我在测试文件中使用了jest来模拟它们，如下所示：
// API mock example
jest.mock('../otherFeatureService/api'), () => {
return { myApi: jest.fn() };
}
// reducer mock example
jest.mock('../otherFeatureService/r
浏览 1提问于2017-07-17得票数 1
边学边学 我遇到了 ..。文档说明： reducer是一个纯函数，它接受前一个状态和一个操作，然后返回下一个状态。(previousState，动作) => newState。它被称为reducer，因为它是传递给Array.prototype.reduce(reducer，initialValue)的函数类型。 MDN描述了 方法如下： reduce()方法对累加器和数组的每个值(从左到右)应用一个函数，以将其减少为单个值。 我仍然不明白为什么Redux定义了一个Redux的reducer，因为它没有任何意义。其次，MDN的描述似乎也不正确。The The The 方法并不总是用
浏览 110提问于2016-11-15得票数 73
回答已采纳
1回答
我在我的reducer文件中有一个函数，它可以做到这一点：
const myResult = (a, b) => {
return a*b
}
然后在我的减速机里
return {
...state,
result: myResult(valA, valB)
}
如何模拟state.a和state.b，以便可以正确地将它们传递给测试文件中的函数？
目前它只是说valA和valB是未定义的
浏览 4提问于2018-07-27得票数 1
1回答
我有一个reducer，它是这样做的：
return {
...state,
result: myResult(valA, valB)
}
并且myResult函数在reducer上面的同一文件中定义
目前我得到了一个失败的测试，因为我传递给myResult的值是未定义的
如何使用jest模拟此函数？
我知道我能做到：
const myMock = jest.fn()
myMock.mockReturnValueOnce(10)
但是我如何明确地告诉测试文件它应该在主文件中模拟哪个实际函数呢？
我觉得我想做点什么
import { myResult } from
浏览 1提问于2018-07-30得票数 1
使用钩子响应应用程序--我使用React useContext和useReducer来模拟Redux --但是，当Context.Provider值(计数器)被更新时，子组件不会被更新。为什么子组件不改进型？
Store.js
import React, { useReducer } from 'react';
import reducer from '../State/Reducer';
let initialState = {
count: 99
};
export const StoreContext = React.createContext
浏览 0提问于2019-01-28得票数 2
回答已采纳
如何在包装在函数中的TouchableOpacity中使用jest来模拟onPress事件？我试着模拟了组件内部的onpress事件，问题就像“模拟”方法是在1个节点上运行的。而是找到0。 it('should call _renderItem', () => {
const mockFunc = jest.fn();
const wrapper = shallow(
<test onPress={mockFunc} navigation={navigation} store={store} />)
wr
浏览 8提问于2019-08-28得票数 0
回答已采纳
我想问，是否可以测试调用正确的功能取决于条件与sinon或摩卡。例如，我有Knight类，我想知道函数(knightRun)是否被调用，何时参数'data‘是真的。
export class Knight {
createKnight(data,reducer) {
if (data) {
this.knightRun(reducer);
} else if (!data) {
this.knightFight(reducer);
}
浏览 1提问于2017-08-09得票数 0
为什么新的JDK8 类只包含以下reduce方法：
T reduce(BinaryOperator<T> reducer)
T reduce(T identity, BinaryOperator<T> reducer)
U reduce(U identity, BiFunction<U, ? super T, U> reducer,
BinaryOperator<U> combiner)
但不是一个明显的方法，它对应于其他语言(例如Haskell foldl :: (a -> b -> a) -> a -> [b
浏览 0提问于2013-04-03得票数 11
回答已采纳
使用mapreduce模拟内部连接相对简单，只需在reducer中映射公共键和连接值即可完成工作。但是，当涉及到左外部连接时，当左表中有不存在于右表中的键时，就会面临组合填充右表的空白的问题。当映射到reducer中时，不匹配的键将被丢弃，那么如何从左表添加这些不匹配的键呢？
例如，假设我们有两个文件：
Left = {'matches': 1}
Right = {'matches': 2,
'matches_not': 3}
人们可能想要一个类似如下的输出：
Output: {'matches-matches'
浏览 0提问于2012-12-10得票数 0
回答已采纳
1回答
我在我的react应用程序中使用了，它工作得很好，但是故事书无法模拟RTK查询的数据。
我试图模拟存储对象，如这个所示。
例子-
export const Test = Template.bind({});
Test.decorators = [
(story) => <Mockstore data={myData}>{story()}</Mockstore>,
];
.
.
.
const customBaseQuery = (
args,
{ signal, dispatch, getState },
extraOptions
浏览 1提问于2022-05-12得票数 1
我想做一个reducer来修改appollo搜索变量。
type SearchReducer = Reducer<
WhereInput,
{ key: keyof WhereInput; value: WhereInput[keyof WhereInput] }
>;
useReducer<SearchReducer>((prev,{key,value})=>{
const newValue = {...prev};
// compile failure here
newValue[key] = value;
retur
浏览 5提问于2021-05-27得票数 0
1回答
我总是在redux还原器中初始化日期，这样做：
const initialState = {
dateFilter: new Date()
}
const reducer = (state = initialState, action) => {
// reducer code
}
export default reducer;
我不确定我这样做是否正确，因为据我所知，还原器必须是纯函数，而新日期不是纯函数。也许这更像是一个js问题，因为我不明白这里的还原器函数是否是纯的。
浏览 0提问于2019-07-12得票数 0
回答已采纳
我相信我正确地在persistCombineReducers()中传递了'reducer‘和'config’来创建一个持久的存储。但是我遇到一个错误--“store没有有效的缩减程序”。 import { createStore } from 'redux'
import { persistStore, persistCombineReducers } from 'redux-persist'
import storage from 'redux-persist/es/storage'
...
const reducer
浏览 55提问于2019-05-28得票数 0
1回答
我对工厂模式没有太多的经验，我遇到过这样的场景，我认为它是必要的，但我不确定我是否正确地实现了该模式，我担心它对我的单元测试的可读性的影响。
我已经创建了一个代码片段，它(从记忆中)近似于我正在工作的场景的本质。如果有人能看看我的所作所为是否合理，我将不胜感激。
这是我需要测试的类：
public class SomeCalculator : ICalculateSomething
{
private readonly IReducerFactory reducerFactory;
private IReducer reducer;
public SomeCalcul
浏览 0提问于2009-12-12得票数 2
回答已采纳
测试-- redux工具包组件的库/反应性呈现为空
import React from 'react';
import configureMockStore from 'redux-mock-store';
import * as actions from 'store/reducer/reducer';
import { fireEvent, render, screen } from 'testUtils';
import MyComponent from 'components/MyComponent';
i
浏览 4提问于2022-05-21得票数 1
回答已采纳
1回答
为了更改state，我需要执行一个reducer。我需要这个更新后的state才能让我的第二个reducer工作。它依赖于状态中所做的更改。但是，我不确定如何先在测试中更新state，然后在其上运行第二个reducer。 it('returns the correct sate', () => {
const firstAction = {
type: FOO,
...
};
const secondAction = {
type: BAR,
...
}
redu
浏览 27提问于2019-02-19得票数 0
回答已采纳
1回答
在我的Reducer文件中：
case PumpActionTypes.EnterLocalMode:
return commandOne.upsertOne(
{id: action.payload.id, changes: { local: false }},
state
);
在我的测试中，我想测试一下local是否更改为false。我写的内容：
describe('EnterLocalMode action', () => {
it('should handle Enter Local Mode from Remote
浏览 0提问于2018-04-03得票数 0
给定一个像这样的状态缩减程序：
const anObject = {
fruit: 'Apple',
today: new Date(),
}
function reducer(state, stateReducer) {
return stateReducer(state);
}
const fruit = reducer(anObject, state => state.fruit);
// fruit should be of type string.
const now = reducer(anObject, state => state.
浏览 14提问于2020-02-21得票数 0
回答已采纳
1回答
我写了一个临时的，以便在我的项目中动态地注入reducers，它工作得很好。但是我很难在jest上测试它。我的疑问是如何在withReducer函数内部测试这个扩展类返回哪个，以及如何测试contextType函数(store.injectReducer)是否使用正确的参数调用。 我的withReducer.js /* eslint-disable react/no-deprecated */
import React from 'react';
import { ReactReduxContext } from 'react-redux';
export
浏览 14提问于2020-03-30得票数 0
假设我以某种方式修改了Redux，它不再使用type:string，而是在还原器中调用一个reducer:function来获得新的状态。
现在，我想要类型记录检查的是，我传递的任何有效载荷都与减速器的第二个参数兼容。请看代码，下面的操场和评论。
interface Action<T> {
reducer: (state: object, payload: T) => object,
payload: T
}
type Dispatch = (action: Action<any>) => void
如何允许这两个有效载荷具有不同的值。我打算创建
浏览 2提问于2017-12-13得票数 0
回答已采纳
2回答
我正在尝试让我的redux与一个新的表单功能一起工作，当我试图显示我的主页时，我现在得到了这个错误信息。index.reducer文件最初包含我用于身份验证的教程中的身份验证和消息缩减器，以前工作得很好，所以我没有包含它们的缩减器。
在configureStore index.reducer文件中使用5个reducers是正确的，还是必须放入一个combineReducer函数？
错误消息
Error: Expected the reducer to be a function.
index.reducer.js
export default configureStore({
// c
浏览 19提问于2021-03-07得票数 0
2回答
昨天的开始于 on Comonad，最后出现在关于的文章上。
在本文中，他广泛使用了Reduce类型类。他写这个类型库就好像它是一个非常常见且经常使用的库一样，但是我在黑客中找不到它，也找不到足够的文档来真正理解代码。
有人能帮助我理解Reduce类型，(-<)和(>-)操作符是如何工作的，以及如何告诉我本文中的代码(下面复制)？
代码清单来自
清单1: Node的实例声明
instance Reduce Node where
reducer (-<) (Node2 a b) z = a -< (b -< z)
reducer (-<) (Nod
浏览 6提问于2011-12-09得票数 9
回答已采纳
1回答
我遇到了combineReducers不够严格的问题，我不知道如何解决这个问题：
interface Action {
type: any;
}
type Reducer<S> = (state: S, action: Action) => S;
const reducer: Reducer<string> = (state: string, action: Action) => state;
const reducerCreator = (n: number): Reducer<string> => reducer;
inte
浏览 4提问于2017-08-26得票数 4
回答已采纳
我一直试图在与上下文提供程序相同的文件中维护我的reducer。但是，我还不能弄清楚如何在组件文件中使用它。
在我的上下文函数中：
const reducer = (state, action) => {
switch (action.type) {
case "SET_LOCATION":
return {...state, location: action.payload}
case "SET_BUSINESS":
retur
浏览 0提问于2019-12-05得票数 1
3回答
尝试创建缩减程序并从操作中获取数据
但在控制台中出现错误: reducer不是一个函数.....
我的reducer：
import { INCOME_LIST } from '../actionTypes'
import Immutable from 'immutable'
const initialUserState = {
list: []
}
const listReducer = function(state = initialUserState, action) {
switch(action.t
浏览 0提问于2017-01-22得票数 1
我尝试使用setTimeout作为rest api的模拟，但我的redux似乎有缺陷。
部分代码
@connect(state => state.items, { approveItem })
export default class Items extends Component {
render() {
return (
<div>
<div>status: {this.props.item.status}</div>
<button onClick={() => approve
浏览 1提问于2018-02-12得票数 3
1回答
替换减速机的正确类型
、、、、
我创建了一个基于docs的replace reducer，但我使用的是typescript，redux文档没有任何关于如何正确键入replace reducer的示例，我尝试了一下，但我的尝试覆盖了useStore，忽略了丢失getState()类型的泛型。 组件： interface State {
sim: number;
nao: string;
}
function Experimente() {
const store: InjectableStore = useStore<State>();
const dispatch = useDispatch(
浏览 7提问于2020-10-03得票数 0
回答已采纳
1回答
在组件的函数(呈现阶段)中定义一个缩减函数是否有效且安全？
const Component = () => {
// is this okay to be here or should be outsite the function?
const reducer = (state, action) => {
// do stuff
}
const [state, dispatch] = React.useReducer(reducer, initState);
return (
<div />
)
}
我想这样做的原因是因为
浏览 0提问于2021-07-06得票数 0
在react-redux中，我试图创建一个通用的reducer，这意味着一个具有通用逻辑的reducer，它每次都会写入(使用该逻辑)存储中的不同部分。
我一遍又一遍地读，我就是想不通。假设我有这样的状态：
{ a: { b: { c: {...} } } }, d: { c: {...} } }
a和d是两个与combineReducers()相结合来创建存储的缩减程序。我希望c部分使用通用逻辑进行管理。我为c编写了reducer逻辑，我对它进行了包装以创建一个具有名称的高阶reducer。
如何根据a reducer的位置(以及相应的d )创建c reducer？也许换
浏览 0提问于2018-04-10得票数 1
我在Redux和redux上使用redux。我使用combinereducers()来组合两个reducer：
const reducers = combineReducers({
sessiontype,
userdata
})
现在我订阅了我的reducers中的一些更改：
store.subscribe((state, previousState) => {
//Do something
});
如何只订阅我的userdata reducer？因为当我改变会话类型reducer的状态时，我需要改变我的userdata reducer的状态(这
浏览 2提问于2017-10-23得票数 0
在我的react项目中，我连接了redux，并添加了一个包含键和值对的对象的reducer：" key：'hello'“。我将它导入到我的reducers文件夹中的index.js中，并尝试使用MapStateToProps在容器中使用它。不管出于什么原因，它的值都没有显示出来！当我定义this.props.reducer时，返回的是正确的对象，但当我键入this.props.reducer.key时，返回的是‘console.log’。为什么会发生这种情况？我以前从来没有遇到过这个问题...
这是我的App.js
import React, { Component }
浏览 0提问于2018-03-06得票数 0
我正在用Jest测试一个Redux减速器。
initialState是有条件的(使用三元操作符来决定属性)。由于还原器在测试范围内不能访问window，所以只能默认三值的错误结果。这导致我的覆盖率报告失败了。
我想在这里做两件事：
在访问window.Create的作用域中调用还原器，在该范围内调用一个新的initialState，并根据window.设置值。
我试过用.bind()，Jest的jest.fn()来模拟它，但是没能得到任何有用的东西。然后我意识到调用initialState可能是不可能的，因为它是在还原器导出之外定义的。也许一个位于正确位置的require()可以实例化一个不同
浏览 3提问于2020-04-12得票数 1
回答已采纳
我需要知道Mappers在Reducer中输出的记录数。只有一个Reducer，所以我猜这简化了事情。
我的第一个想法是在映射器中增加一个计数器，并将其放入reducer中，后来我发现这样的计数器已经存在，但它似乎“不打算”从reducer中读取，而只能从驱动程序中读取。
我是否应该使用计数器以及如何正确使用它，或者是否有其他方法？
浏览 0提问于2015-04-09得票数 2
5回答
我用Java写了一个随机模拟，它从磁盘上的几个CSV文件(总共大约100MB)加载数据，并将结果写入另一个输出文件(数据不多，只有一个布尔值和几个数字)。还有一个参数文件，对于不同的参数，模拟输出的分布可能会发生变化。为了确定正确/最佳的输入参数，我需要跨多个输入参数配置运行多个模拟，并查看每组中输出的分布。根据参数和随机性的不同，每次模拟需要0.1-10分钟。
我一直在阅读关于Hadoop的文章，想知道它是否可以帮助我运行大量的模拟；在不久的将来，我可能会访问大约8台联网的台式机。如果我理解正确的话，map函数可以运行我的模拟并输出结果，而reducer可能就是标识。
我担心的是HDFS，它
浏览 0提问于2009-10-19得票数 16
回答已采纳
3回答
获取redux状态的类型
、、、、
我想要一个redux状态的类型，它将用于模拟said状态。
到目前为止，我发现我有一个减速机：
(alias) const reducer: {
selectedElement: Reducer<StructureElement, AnyAction>;
fetchedState: Reducer<FetchedState, AnyAction>;
... 10 more ...;
mesApi: Reducer<...>;
}
所以我想要做的就是从StructureElement部件的内部获取Reducer</here
浏览 3提问于2021-12-02得票数 1
回答已采纳
2回答
在我的测试中，嘲笑常量有问题。我有一个带有应用程序配置的文件。只有一些有价值的键，仅此而已。
appConfig.js
//imports
...
export const CASHING_AMOUNT_LIMIT = 50;
export const CASHING_DELETE_AMOUNT = 25;
...
这是我要测试的减速器：
reducer.js
import {
CASHING_AMOUNT_LIMIT,
CASHING_DELETE_AMOUNT,
} from '../appConfig';
...
export const reduce
浏览 0提问于2019-02-11得票数 1
回答已采纳
1回答
假设我正在对我的应用程序的数据进行标准化，最终得到的状态形状如下所示：
{
entities: { profiles: { 1: {...}, ...}, roles: {...}, ... },
profileList: [1, 2, 3],
roleList: [1, 2, 3],
profile: [2],
...
}
现在，假设我有一个配置文件列表视图，其中列出了所有配置文件。如果我添加一个新的配置文件，我希望更改立即反映在UI中，因此我需要在profileList reducer中处理ADD_PROFILE操作，并在entities in状态
浏览 3提问于2016-04-28得票数 0
我一直在遵循一个指南，使用useContext将reducer传递给子组件，但从子组件调度时，它似乎没有重新呈现父组件。
从子组件调度时，状态本身似乎正在正确更新(由console.logging state.count完成)，但父组件不反映状态的更改。
我试着把一个分派函数作为一个道具传递给Child，这确实更新了App.js，但我想我的方法更简洁，我可能做错了什么。我还将{state.count}放在Child.js中，它确实得到了正确的更新，但在这种情况下，我需要在父组件中使用它。代码如下：
App.js
import React, { useReducer } from 're
浏览 26提问于2019-07-06得票数 4
回答已采纳
我正在学习react。在从api端点获取数据并将其存储在上下文中之后，我尝试存储用户信息。问题是我必须在每个网页中执行函数来访问存储在其中的信息。我尝试在App.js中使用useEffect来获取数据，并在标题和侧边栏中使用它，但它只在该文件中起作用。 我有路由器，因为我的网站上有多个页面。限制数据存储在上下文中的代码是否有任何问题，以及如何通过路由器正确执行此操作。 这些是我手头的密码 reducer.js export const initialState = {
user: null,
};
export const actionTypes = {
SET_USER:
浏览 30提问于2020-10-30得票数 4
回答已采纳
我们写了新的action和一个新的reducer，新的reducer将更新现有的状态(产品状态)，当新的action被调度时如何调用新的reducer，而旧的reducer用于旧的操作，但这两个reducer必须更新相同的状态
浏览 0提问于2021-01-22得票数 0
如何使用todosSlice @reduxjs/toolkit从createSlice导出待办事项减少器，以及如何使用configureStore将其导入存储
这是我的todosSlice文件：
//todosSlice file
import {createSlice} from '@reduxjs/toolkit';
const todosSlice = createSlice({
name: 'todos',
initialState: [],
reducers: {
a
浏览 2提问于2022-05-10得票数 0
回答已采纳
为什么我不能像这样简单地键入我的reducer，而不是在我的redux状态类型中添加“| undefined”？ const reducer: Reducer<ReduxState> = function(state: ReduxState, action: any) ... 额外的上下文： 这样可以正常工作： export const reducer: Reducer<ReduxState | undefined> = function (
state: ReduxState | undefined,
action: any
) {
ret
浏览 14提问于2019-04-23得票数 7
回答已采纳
2回答
我不知道，什么是正确的方式如何组合我的减速机。
在root reducer中，我有这样的页面缩减程序：
export default combineReducers({
guidePage,
homePage,
})
所以，问题是，我想把另一个reducer放到homePage reducer中，我该怎么做？
如下所示：
homePage : {
propHomePage: foo,
anotherReducer: {
anotherReducerProp: foo2
}
}
当我使用combineReducers({home
浏览 0提问于2019-05-21得票数 2
2回答
我使用的是angular 8，我有一个模块app和子模块'feature‘。这两家公司都有自己的商店。'app.module.ts‘有 @NgModule({
imports: [
...
StoreModule.forRoot({ 'app': reducer }),
...
}] 同样，“feature”模块具有 StoreModule.forFeature('feature', fromFeature.reducer) 现在，在jasmine中测试app级别的组件时，我模拟了这个商店，如下所示 let store
浏览 26提问于2021-02-03得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
