redux-actions handleActions未更改状态
redux-actions是一个用于简化Redux操作的库，而handleActions是redux-actions库中的一个函数，用于创建一个处理多个action的reducer函数。handleActions函数接受一个action类型到处理函数的映射对象，并返回一个reducer函数。
handleActions函数的作用是根据不同的action类型来更新状态。它会根据action的type属性来匹配对应的处理函数，并将当前的状态和action作为参数传递给处理函数。处理函数可以根据需要对状态进行修改，并返回一个新的状态。handleActions函数会根据处理函数的返回值来更新状态。
handleActions函数的优势在于它可以将多个action的处理逻辑集中在一个reducer函数中，使得代码更加清晰和易于维护。它还可以避免在reducer中编写大量的switch语句来处理不同的action类型。
handleActions函数的应用场景包括但不限于以下几种情况：
- 处理多个相关的action类型，例如登录、注册、退出等操作都需要更新用户状态。
- 处理多个action类型时需要共享一部分状态，例如处理不同的过滤条件时需要更新列表状态。
- 需要对状态进行复杂的计算或转换，例如根据不同的action类型更新状态中的某个字段。
对于handleActions函数，腾讯云没有提供直接相关的产品或产品介绍链接地址。但腾讯云提供了云计算相关的产品和服务，例如云服务器、云数据库、云存储等，可以帮助开发者构建和部署云计算应用。您可以访问腾讯云官方网站（https://cloud.tencent.com/）了解更多关于腾讯云的产品和服务信息。
相关·内容
1回答
我正在用Redux编写一个应用程序。当我执行一个操作时，它似乎取代了存储，只定义了在还原器中显式声明的值，而不是更新存储。
我正在使用来自handleActions包的redux-actions。减速机的例子是这样的；
import { handleActions } from 'redux-actions';
export default handleActions({
DOCUMENT_GET_ALL_PENDING: state => ({
isRefreshing: true,
}),
DOCUMENT_GET_ALL_FULFILLED:
浏览 1提问于2018-04-21得票数 0
回答已采纳
1回答
我能像这样进入一个州吗？
、、、、
源代码
redux.js
import parent_reducer from './parent_redux';
import { combineReducers } from 'redux';
export default combineReducers({ parent:parent_reducer });
parent_redux.js
import { combineReducers } from 'redux';
import { createAction, handleActions } from 'redux-actio
浏览 2提问于2018-01-01得票数 1
回答已采纳
我正在尝试创建新的reducer survey，在使用redux-actions包中的handleActions时，它必须结合使用name和questions reducer。但我收到一个错误Invariant Violation: Expected handlers to be a plain object.我应该如何更改它才能真正工作？ import { Map, List } from 'immutable';
import { combineReducers } from 'redux-immutable';
import { handleAction
浏览 46提问于2019-08-23得票数 3
回答已采纳
1回答
我是个新手。我不确定，使用下面的模式是错误的/愚蠢的吗？
import { createAction, handleActions } from "redux-actions";
const CHANGE_STATE = "appState/CHANGE_STATE";
export const changeState = createAction(CHANGE_STATE, (key, val) => ({ [key]: val }));
const initialState = {
maxBodySize: 1920,
isMax
浏览 0提问于2018-07-11得票数 2
2回答
剩馀减速器-开启状态变化
、、、
我希望将特定还原器的当前状态保存到会话存储中，而不对每个操作显式调用它。
const { handleActions } = require("redux-actions");
// How do i make this logic run on any state change without adding it to every action?
const onStateChange = (state) => sessionStorage.save(keys.myReducer, state);
const myReducer = handleActions
({
浏览 3提问于2017-10-08得票数 1
回答已采纳
我在我的react/redux应用中使用typescript。有一个我不明白的类型错误。 下面是我的操作代码： import { createAction } from 'redux-actions';
export enum ProductActionType {
SEARCH_STAMP = 'SEARCH_STAMP',
SEARCH_PRODUCT = 'SEARCH_PRODUCT',
};
export interface ProductActionProps {
text: string;
}
const sea
浏览 13提问于2019-06-11得票数 1
回答已采纳
所以我有一堆鸭子风格的redux模块，看起来像这样：
import { createAction, handleActions } from 'redux-actions'
const SET = "error/SET"
const CLEAR = "error/CLEAR"
export default handleActions({
SET: (error, action) => action.payload,
CLEAR: (error, action) => ""
}, "")
e
浏览 4提问于2017-02-11得票数 0
回答已采纳
再来一次，又是一个月，又是一个Resharper，它在使用Node和@type时，似乎破坏了TypeScript中的一切。
我正在使用TypeScript、React和Redux，所以使用npm包redux-actions和@types/redux-actions进行各种强类型的ReduxActions
我的代码看起来是：
const pageReducer = handleActions<IPageState, number | string>({
[actionTypes.doSomething]: (state: IPageState, action: Actio
浏览 3提问于2017-12-21得票数 1
回答已采纳
我正在开发一个android应用程序，通过它，我的屏幕必须取决于用户是否登录。登录数据存储在AsyncStorage中。
当应用程序启动时，它应该从AsyncStorage获取数据并将其设置为默认状态。我怎样才能做到这一点呢？
下面是我的redux结构
index.android.js
import {
AppRegistry,
} from 'react-native';
import Root from './src/scripts/Root.js';
AppRegistry.registerComponent('reduxReactNavi
浏览 0提问于2017-06-18得票数 7
1回答
测试redux-操作
、、、、
如何使用Jest使用React-redux操作测试此文件：
import { combineReducers } from 'redux';
import { handleActions } from 'redux-actions';
import * as actions from '../actions/index';
const background = handleActions({
[actions.changeBackgroundType](state, { payload: { type } }) {
return {
浏览 7提问于2020-12-04得票数 0
3回答
我有一个动作和减速器来更新一个全局计数器。这个动作是在一个快速的间隔内启动的。还原器为每个动作返回一个新的状态副本。减速机看起来是：
import { handleActions } from 'redux-actions';
import { sceneTick } from './actions';
export default (state, action) => handleActions({
[sceneTick]: (state, action) => {
return {
...state,
loo
浏览 4提问于2017-12-29得票数 5
回答已采纳
CoffeeScript还不支持ES6 import。(见)
我尝试使用以下语法，如链接中所解释的那样：
`import { createAction, handleAction, handleActions } from 'redux-actions'`
但是Browserify抛出以下错误：
Browerify { err:
{ [Error: Parsing file: 'import' and 'export' may only appear at the top level (2:0)]
所以，我现在坚持旧的传统方式：
redu
浏览 2提问于2016-03-08得票数 3
回答已采纳
在redux-actions中使用handleActions创建reducers的更好方法是: 1.为每个CRUD操作(如添加数据、删除数据)创建reducers，并将其合并。在这种情况下如何设置initialState ? 2.在一个reducer中设置操作(举例说明fetchDeleteDataRequest，fetchDeleteDataSuccess，fetchAddDataRequest，fetchAddDataSuccess )？
浏览 2提问于2020-01-30得票数 0
import { createAction, handleActions } from 'redux-actions';
import { delay } from 'redux-saga';
import { all, put, takeEvery } from 'redux-saga/effects';
export const action_creators = {
get_action_of_set_number: createAction<{ number:number }>('set_number'
浏览 0提问于2018-04-16得票数 4
2回答
我正在构建一个web应用程序。
我正在尝试使用react-hooks。
我已经快完成了。
但是，我觉得我的redux flow就像上面的图片一样，是古怪的。
我只是想知道我做得是否正确。
MyStore.js
import {handleActions} from 'redux-actions';
import produce from 'immer';
export const INPUT_DATA = 'INPUT_DATA';
const initialState = {
id: '',
name: &
浏览 0提问于2019-06-28得票数 0
回答已采纳
1回答
我在做我的第一个反应-Redux项目。
我学到了只有当组件的状态已经改变时才触发React重呈现。
但我现在很困惑。
因为状态没有改变，但是组件每隔1到3秒被重新重命名一次。
我试过shallowEqual，但没成功。
为什么会发生这种情况？
// container
import React from 'react';
import { useDispatch, useSelector } from 'react-redux';
import Home from 'presentations/Home';
import * as hom
浏览 2提问于2020-06-18得票数 1
回答已采纳
我只是尝试使用类型安全操作的createStandardAction。我知道它能够设置Action，有效负载的类型。但是我也想使用createStandardAction来设置actionType，比如数字、字符串。我该如何解决这个问题呢？ import { createStandardAction } from 'typesafe-actions';
import { handleActions } from 'redux-actions';
import { produce } from 'immer';
const COUNT = &#
浏览 18提问于2019-06-25得票数 0
回答已采纳
也许我遗漏了一些非常明显的东西，但这让我今天被绊倒了。
假设我们有一个Redux存储，其结构如下：
const state = {
...
pages: {
...
accountPage: {
currentTab: 'dashboard',
fetching: false,
tableSettings: {
sortDir: 'asc',
sortField: 'name'
}
}
}
}
所以很明显有一个主要的减速器...
e
浏览 0提问于2017-10-10得票数 0
我正在使用Redux和React开发一个大型应用程序，我决定制作一些可重用的组件，比如自定义复选框和单选按钮。
由于我希望将这些信息存储到Redux存储中，以便能够轻松地调试应用程序的状态，并且相同的组件在任何地方都具有相同的功能，因此为每个组件创建reducers和actions似乎是一个好主意。
然而，Redux reducers返回一个新的状态，并将其保存在存储中，并以reducer的名称作为键，这禁止在同一页面中具有多个相同类型的组件，使用相同的操作和reducer，但保持不同的状态。
我认为这个问题有两种解决方案：
为我使用的每个组件创建不同的操作和缩减程序，即使该组件和它的功能是相
浏览 11提问于2015-08-28得票数 19
我是个反应本土化的初学者。如果你给我任何建议，这将是有帮助的，我会感谢你。
我正在尝试使用firestore从react-native、immutable.js、react-redux、redux-actions获取数据，这些代码也遵循ducks structure。问题是我无法从firestore获得任何数据，因为来自firestore的数据是在还原器执行后产生的。
甚至，我也不确定是否可以将firestore获取方法作为createAction的第二个参数。
这是我的密码。
shared/index.js
import firebase from 'firebase/app
浏览 0提问于2018-06-15得票数 2
回答已采纳
2回答
我将React与react-redux, redux and redux-actions结合使用。
我有一个操作，它使用存储在localStorage中的当前令牌，并确保它不过期，如下所示：
export const verifyLogin = () => {
return verifyLoginAC({
url: "/verify/",
method: "POST",
data: {
token: `${
localStorage.getItem("token")
浏览 1提问于2018-10-02得票数 0
回答已采纳
我有一个动作和一个传奇。
我想从actions.js内部向操作实例提供一个值。
我还想从佐贺内部为动作实例提供一个值。
因此，当调用与该操作关联的还原器时，它将在有效负载中接收两个值。
我该怎么做？
actions.js
import { createAction } from 'redux-actions';
export const myAction = createAction('ACTION_NAME'); // How do I supply payload value "foo" here?
sagas.js
function* my
浏览 4提问于2017-10-20得票数 0
回答已采纳
我有用户的清单，当我点击复选框时，如果我再次选中，用户应该添加到InputField或从InputField中删除。
目前只适用于ADD。
import ...
export default class NewEvent extends React.Component {
constructor(props) {
super(props);
this.onSelect = this.onSelect.bind(this);
}
onSelect = id => {
addMembers(id) }
findSelectedContacts
浏览 0提问于2017-09-03得票数 0
1回答
我的问题是函数"connect“没有包装我的，因此Redux无法工作。
我试着用react+redux+typescript克隆一些存储库--所有的工作都有，而我的应用程序却没有。
因此，我无法在我的应用程序中捕获道具(用户)。
我认为我的user.ts文件不正确，但现在不重要了，我的意思是问题不在那里:)
在类型转换编译器(webpack)和浏览器控制台中没有任何错误。
index.ts:
import * as React from "react";
import * as ReactDOM from "react-dom";
impo
浏览 1提问于2017-06-26得票数 0
回答已采纳
1回答
我使用的反应反应-还原和还原-行动。
我有下面的减速机一直告诉我
意料之外的标记，预期"，“
但我不知道为什么。
comments.js (reducer):
import { handleActions } from "redux-actions";
import {
GET_COMMENTS,
SET_COMMENTS,
ADD_COMMENT
} from "../constants/actionTypes";
export default handleActions(
{
[GET_COMMENTS]: (sta
浏览 1提问于2018-10-01得票数 2
回答已采纳
1回答
我有一个实现ActionListener的方法。在类的底部，我有一些get方法。但是，每当我在另一个类中调用get方法时，我都会得到一个NullPointerException。
package com.FishingGame.Screen;
import java.awt.event.ActionEvent;
import java.awt.event.ActionListener;
public class HandleActions implements ActionListener{
private boolean goFishing = false, sell = false,
浏览 1提问于2016-09-04得票数 0
回答已采纳
CounterContainer import React, { Component } from 'react';
import { connect } from 'react-redux';
import { bindActionCreators } from 'redux';
import PropType from 'prop-types';
import Counter from '../components/Counter';
import * as counterActions from '
浏览 7提问于2019-05-08得票数 0
回答已采纳
我试图在React.js中使用gmail。
我不断地得到错误'gapi是没有定义‘。我相信我的client.js文件在mail.js文件运行后正在加载吗？
我怎么才能避开这一切？
Index.html
...
<script src="https://apis.google.com/js/client.js"></script>
Index.js
import './Mail.js';
Mail.js
import { createAction, handleActions } from 'redux-actions
浏览 2提问于2016-11-15得票数 5
2回答
剩余同构取区间
、、
我不太确定下面的解决方案是否最适合，我想知道在操作状态和/或Ajax同构的获取请求时的最佳实践，在这种情况下，是间隔的。
用户模块
import { createAction, handleActions } from 'redux-actions'
import { api } from '../utils/api'
export const REPORT_POSITION_INTERVAL = 'REPORT_POSITION_INTERVAL'
export const CLEAR_POSITION_INTERVAL = 'CLE
浏览 0提问于2016-03-28得票数 2
回答已采纳
5回答
问题 如果我单击一个数字，该数字应该增加，而不是增加。 如您所见，子组件不会重新呈现。(如果我将'li‘元素的键改为Math.random()，它就能正常工作。) 我该如何解决这种情况？ 在https://codesandbox.io/s/p5q30rxk47上发布了一个示例 感谢您的阅读。 源代码 源代码大致如下。 index.js import React from 'react';
import ReactDOM from 'react-dom';
import Parent from './Parent';
import {
浏览 45提问于2017-12-30得票数 0
回答已采纳
1回答
我想在表示组件中访问Redux状态，但是状态是未定义的。我制作了容器组件、表示组件和Redux商店。
因此，我试图在表示组件中访问user，但是user没有定义。
我在为异步API请求创建request时使用Redux。
值得怀疑的是，Rdux有一个值，但我无法访问表示组件中的状态user
// headerState.js
import { handleActions } from 'redux-actions';
import * as api from '../lib/api';
const USER_STATE = 'headerState/
浏览 6提问于2021-08-02得票数 1
回答已采纳
1回答
我是比较新的react native，我遇到的问题是试图从componentdidmount中的操作中获取数据，但当我设置我的道具时，数据为空。如果我在render方法中访问它们，就会设置这些道具。有没有人可以看一下代码，告诉我哪里做错了。 下面是我要做的动作 export const Accountability = connect(
// inject states
(state: States) => ({
// props.loading -> modules.app.loading
loading: state.app.loading,
do
浏览 7提问于2019-03-25得票数 0
回答已采纳
2回答
我将在react应用程序中使用redux调用该电影API。
在使用redux-thunk调用电影API的过程中，在lib/THMb路径上调用callAPI函数时会发生错误。
//movie_project/src/lib/THMb.js
import axios from 'axios';
const key = "xxxxxxx";
const url = `https://api.themoviedb.org/3/movie/now_playing?api_key=${key}&language=ko&page=1®ion=
浏览 4提问于2020-02-06得票数 1
我需要一点帮助来解决我遇到的这个遗留问题。在这里，我有一个APP.js代码，它从一个名为duck.js的文件中调用操作。
import {
selectBaseCurrency,
selectExchangeCurrency,
selectExhangeRate,
setBaseCurrency, //calling this action
initialState,
} from "./configureStore/duck";
在这段代码中，我指定了用于分派操作的mapDispatchToProp。
const mapDispatchToProps =
浏览 2提问于2019-12-03得票数 0
回答已采纳
1回答
问题
当我按下func()按钮时，我想打电话给increase_number and decrease_number，但我不知道怎么做。
我能这么做吗？(它增加一个数字，然后减少。)
还是我必须创造一个新的动作和传奇？
谢谢你的阅读！
源代码
Redux(带有sagas)
import { createAction, handleActions } from 'redux-actions';
import { delay } from 'redux-saga';
import { all, put, select, takeEvery } from 'r
浏览 0提问于2018-05-14得票数 0
回答已采纳
我使用react-redux和redux-thunk，我有两个动作，其中一个动作依赖于另一个动作的结果来执行自己的动作。下面是我的代码的样子； const file = useSelector(state => state.Files.file)
const handleActions = async () =>{
try{
await dispatch(uploadFile(dataForm))
await dispatch(updateBusiness(params))
}
catch(e){
console.log(e)
浏览 16提问于2021-07-09得票数 0
回答已采纳
2回答
nativeusingreact-redux,react-thunk,handleActionswithducks结构，并试图将动作函数分派到更改状态。
它直到今天早上才起作用，但现在已经不起作用了。我不知道我改变了什么。更糟糕的是，我没有提交，因为这个项目是为了练习反应本土化，所以我不能撤销我的工作。
如果我正确理解了，容器组件中的dispatch of connect应该在categoryImgListMod.js(action)中调用fetchName()。
然而，我想dispatch从来没有在这里工作过。所以状态永远不会改变。
如果你给我任何建议，这将对我很有帮助，我会感激你的。
这是
浏览 0提问于2018-06-17得票数 2
回答已采纳
我正在为我的基本待办事项列表应用程序创建一个删除函数；但是，当我尝试从列表中删除某个项目并再次设置状态时，我遇到了一个问题。它一直给我一个this.setState is not a function错误。问题出在deleteTodo(id)中。
我的TodoStore.js
import { EventEmitter } from "events";
import dispatcher from "../dispatcher";
import * as TodoActions from "../actions/TodoActions";
c
浏览 0提问于2019-03-14得票数 0
下面是我的TodoList组件。使用useEffect，我在组件第一次挂载时添加一个侦听器，并在组件挂载后删除它。但是当我添加一个待办事项时，页面不会重新渲染/更新。当我调用商店时，我看到商店确实使用新的todoitem进行了更新。我做错了什么？ Todolist组件： import React, { useState, useEffect } from 'react';
import todoStore from '../Store/TodoStore';
import TodoItem from './TodoItem';
import
浏览 14提问于2020-10-28得票数 0
1回答
使用，我遇到了一个问题，我的还原器函数中只有一个没有触发。
我希望以类似于处理成功api请求的方式处理失败的api请求。然而，据我所知，SEARCH_FAILURE FSA从未被处理过，尽管它被对待(AFAICT)与SEARCH_SUCCESS FSA相同。它似乎是根据我在devtools中看到的来创建和分派的。
我有这个
import { CALL_API } from 'redux-api-middleware'
import { handleActions } from 'redux-actions'
const searchReducer = hand
浏览 3提问于2016-01-06得票数 4
我想要分离模块，所以我尝试将src/store/modules目录中的文件分开。
为了合并减速器模块，我在modules/index.js中使用了combineReducers()。
在分离这些模块之前，modules/index.js文件的代码是modules/board.js。
然后我添加了board.js文件。我将index.js的代码移到了board.js。最后，我在combineReducer()中添加了index.js，但不知怎么的，它不起作用。
src/index.js
import React from 'react';
import Rea
浏览 1提问于2018-08-10得票数 1
回答已采纳
2回答
我使用和来分派操作，以及用于async await支持的TypeScript 2.1。
这是一个同时使用redux-actions和redux-promise-middleware的操作
// create an async action
const fooAction = createAction('FOO', async () => {
const { response } = await asyncFoo();
return response;
});
// use async action
fooAction('123')
这是一个操作链
浏览 9提问于2016-12-28得票数 7
回答已采纳
1回答
我正在制作我的第一个React-Redux项目。 我想从getListAPI那里得到数据。 我在GET_LIST_SUCCESS中检查了console.log(数据)，这就是我想要的。 但是console.log(temp)在容器中，我期望是'data'，它只是一个动作对象(只存在类型)。 我怎样才能得到‘数据’？ // container
import React from 'react';
import { useDispatch } from 'react-redux';
import Home from 'presentati
浏览 13提问于2020-06-17得票数 0
回答已采纳
1回答
作为参考，我遵循教程。我的试用应用是一个用户管理工具。下面显示的用户列表是存储代码。它成功地使用dispatcher.dispatch({type: "CREATE_USER", name: "Andrew"})将用户添加到列表中。然而，它不会这样做，直到我点击一个路由，然后它更新。
import { EventEmitter } from "events";
import dispatcher from "../Dispatcher";
class UserManagement extends Eve
浏览 4提问于2016-05-18得票数 1
回答已采纳
使用TypeScript的新ts-check，我不知道如何处理泛型函数。
/**
* @type {Reducer<IPoiState, any>}
*/
const poi = handleActions({
[ADD_BOOKMARK_START]: (state) => {
return { ...state };
},
}, {});
handleActions类型来自于确定的类型，看起来像...
export function handleActions<State>(
reducerMap: ReducerMap<St
浏览 0提问于2017-09-27得票数 0
1回答
我已经安装了一些做npm install --save ng2-redux redux redux-actions redux-promise的模块。如果我执行npm list | grep "redux"，我会得到：
├── ng2-redux@3.0.5
├─┬ redux@3.5.2
├─┬ redux-actions@0.12.0
├─┬ redux-promise@0.5.3
在我的package.json中，我也可以找到它们：
"dependencies": {
...
"ng2-redux": "3.0.5"
浏览 2提问于2016-09-07得票数 0
1回答
我阅读了，并对他们使用(我认为是什么)破坏感到困惑。下面是一个示例(increment和decrement都是由createAction函数返回的函数)。
const { createAction, handleActions } = window.ReduxActions;
const reducer = handleActions(
{
[increment]: state => ({ ...state, counter: state.counter + 1 }),
[decrement]: state => ({ ...state, counter: s
浏览 0提问于2018-08-31得票数 2
回答已采纳
1回答
考虑到以下情况
const action1 = (arg1: string) => {}
const action2 = (arg1: string, arg2: {a: string, b: number}) => {}
const actions = [action1, action2]
handleActions(actions)
... elsewhere ...
const handleActions = (actions: WhatTypeIsThis[]) => {
const [action1, action2] = actions;
action
浏览 1提问于2021-11-18得票数 1
回答已采纳
在我对Redux存储进行规范化之后，我对如何使用选择器感到有点困惑。
我的商店有以下设置：
const DEFAULT_STATE = {
allId: [],
locations: {}
};
以下是我的减速机的配置：
handleActions({
['UPDATE']: (state, action) => {
let newID = state.allId.length;
const allId = [...state.allId, newID];
const locations = {
...state.loca
浏览 9提问于2017-08-18得票数 1
回答已采纳
1回答
有一个网格组件，但我面临着为不同页面调用他们的操作的困难。我让它通过路由器工作，但跳转页面，得到那个动作，而不是返回到同一个页面。在下一个js没有路由器的情况下，我有什么办法吗？
这是我的代码：
const handleActions = (btnPress, row) => {
if (btnPress === "Add") router.push(`/admin/${actions}/[id]`, `/admin/${actions}/add`);
else if (btnPress === "Edit") router.push(`/
浏览 4提问于2022-08-05得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
云直播活动推荐
腾讯云开发者
