React Redux不分派操作
React Redux是一个用于管理应用程序状态的JavaScript库。它结合了React和Redux，提供了一种可预测的状态管理解决方案。
React是一个用于构建用户界面的JavaScript库，它通过组件化的方式使得开发者可以将界面拆分成独立的可复用部分。Redux是一个用于管理应用程序状态的JavaScript库，它使用单一的状态树来管理应用程序的所有状态，并通过纯函数来处理状态的变化。
在React Redux中，不分派操作是指在Redux中触发状态变化的一种方式。当应用程序中的某个事件发生时，可以通过调用一个不分派操作来触发状态的变化。不分派操作是一个纯函数，它接收当前的状态和一个动作对象作为参数，并返回一个新的状态。
不分派操作的优势在于它可以将状态的变化和界面的更新解耦。通过使用不分派操作，可以将状态的变化逻辑从组件中抽离出来，使得组件只需要关注界面的渲染和用户交互。这样可以提高代码的可维护性和可测试性。
React Redux的应用场景包括但不限于：
- 大型应用程序：当应用程序变得复杂时，使用React Redux可以帮助管理应用程序的状态，使得状态的变化更加可控和可预测。
- 跨组件通信：当多个组件需要共享状态时，可以使用React Redux来管理共享状态，以便于组件之间的通信和数据共享。
- 异步数据流管理：当应用程序需要处理异步操作时，可以使用React Redux来管理异步数据流，以便于处理异步操作的状态变化和界面更新。
腾讯云提供了一系列与云计算相关的产品，其中与React Redux相关的产品包括：
- 云服务器（CVM）：提供了可扩展的计算能力，用于部署和运行React Redux应用程序。
- 云数据库MySQL版（CDB）：提供了可靠的数据库服务，用于存储React Redux应用程序的数据。
- 云存储（COS）：提供了高可用、高可靠的对象存储服务，用于存储React Redux应用程序的静态资源。
- 云监控（Cloud Monitor）：提供了实时的监控和告警服务，用于监控React Redux应用程序的性能和可用性。
更多关于腾讯云产品的介绍和详细信息，请访问腾讯云官方网站：https://cloud.tencent.com/
相关·内容
3回答
有人能告诉我为什么我的redux应用程序不工作吗？我一步一步地从youtube的教程中走出来，但我的状态不是在redux工具中显示的。我仅有的是“国家是平等的”。
counter.js文件(减速器)
const counterReducer = (state = 0, action) => {
switch (action.type) {
case 'INCREMENT':
return state + 1;
default:
return state;
}
}
e
浏览 9提问于2020-12-07得票数 4
在输入字段中输入文本并单击submit按钮后，会发生错误: Uncaught :调度不是onSubmit上的函数
连接状态和道具似乎是正确的。
有什么不对的？
*/TODOLIPUT*/
import React from 'react'
import { connect } from 'react-redux'
import {addTodo} from '../actions/index'
import {bindActionCreators} from 'redux'
let AddTodo = ({ dispatc
浏览 3提问于2017-04-25得票数 0
回答已采纳
1回答
我正在使用react、redux和socket.io开发一个聊天应用程序。正如我们所知道的，redux非常有助于将某些状态传递给深度和嵌套组件。我喜欢将一些道具存储为redux状态的想法，这种状态将传递给一些嵌套很重的组件。我使用库来创建套接字对象。
我需要将创建的套接字对象传递给一些重嵌套组件，因此，我正在考虑在redux状态下创建套接字对象，以便在嵌套组件上轻松地使用它。
这是一个很好的方法还是我应该做其他的事情？
浏览 1提问于2018-09-15得票数 5
回答已采纳
我得到了错误：
Actions may not have an undefined "type"属性
但我肯定我给它下了定义并拼写正确。
应用程序：
import React, {Component} from 'react';
import { createStore, applyMiddleware, combineReducers } from 'redux';
import { Provider } from 'react-redux';
import { AsyncStorage } from 'react-na
浏览 4提问于2016-11-06得票数 0
1回答
我有一个与Redux完全工作的React设置。在我的操作文件中，我使用调用第三方API。
在将我的表单组件连接到Redux store并尝试调用POST操作后，我收到一个错误消息，说我无法在undefined...Funny上调用，因为该操作仍然被调用，即表单在抛出此控制台错误后立即提交给第三方的应用程序接口。我已经查看了大量的S/O问题以及axios & redux-thunk文档，但看不到我遗漏了什么。下面是一些相关的代码：
actions.js
import axios from 'axios';
import _ from 'lodash'
im
浏览 0提问于2017-05-18得票数 0
4回答
我在努力学习Redux。我学习了一个在线教程，并使用了他们的例子，效果很好。然后我又做了一个小测试应用程序，效果很好。现在我正在尝试另一个小测试应用程序，我被这个错误困住了，不知道为什么。
该应用程序只是一个输入框和一个按钮，当您单击该按钮时，它会将框中的任何内容添加到下面显示的列表中。
然而，减速器并没有更新状态。我看过导致这种情况的常见问题，似乎找不到我的错误，我的还原机没有改变状态，我绑定了调度等等。也许我只是在某个地方漏掉了什么东西(或者像这样又小又蠢的东西)，但我就是不能让它发挥作用。
所以我试着改变它，这样它就会显示你在下面的框中输入的任何内容，但是它仍然不能工作。有人知道为什么减
浏览 4提问于2016-10-29得票数 10
回答已采纳
所以我对React-Native和Redux都很陌生。我将Redux集成到React-Native中，除了分派操作之外，一切都运行得很好。每次我尝试分派操作时，我都会收到错误‘Redux Uncaught Error:操作必须是纯对象’。使用自定义中间件进行异步操作‘。我甚至尝试集成react-thunk，但没有成功。我甚至尝试过使用store.dispatch(setIsLoggedIn(true))直接在商店上进行调度。我的应用程序应该支持登录功能，我想设置状态，这样我就可以知道我的用户是否登录了。
我的商店是这样初始化的：
import {createStore, compose, ap
浏览 20提问于2020-03-06得票数 1
回答已采纳
2回答
我正在尝试使用Hooks创建我的第一个react redux。
我的src文件夹中有一个state文件夹。在我的状态文件夹中，我有另一个名为reducer的文件夹和一个accountReducer.js文件accountReducer.js：
const reducer = (state = 0, action) => {
switch(action.type) {
case "deposit":
return state + action.payload;
case "withdraw":
浏览 34提问于2021-05-22得票数 0
回答已采纳
在执行应用程序时，我面临着‘分派’未定义的问题。
是否需要导入任何包来使用React.js中的分派？
ProgramManager.js: --这是我的组件--这是我使用调度调用动作创建者的地方。
import React from 'react';
import { bindActionCreators } from 'redux';
import {connect} from 'react-redux'
import {postsActions,postsSelectors} from '../store/userList/i
浏览 1提问于2018-09-28得票数 0
我目前正在遵循编码成瘾的“反应电话电子商务项目”，并学习使用redux而不是上下文API。我遇到一个错误：
(错误:操作可能没有未定义的"type“属性。您可能拼写错误的操作类型字符串常量。)在使用slice完全遵循文档之后。
productSlice.js
import {createSlice} from '@reduxjs/toolkit';
import {storeProducts, detailProduct} from '../data';
export const productSlice = createSlice({
nam
浏览 0提问于2021-11-25得票数 0
我正在尝试使用move my app将redux-react从纯react转换为redux-react。我为onClick创建了一个action和reducer，但是在尝试在开发模式下启动应用程序后，我得到了这个错误
Uncaught TypeError: Cannot read property 'type' of undefined at reducerDomMethods (manMethodsReducers.js:12)
哪一条是这条线？
switch (action.type) {
这是我的代码
减速机
export default function redu
浏览 10提问于2017-03-01得票数 10
回答已采纳
1回答
我有一个问题，我想要显示一个通知(成功或错误)，如果用户的注册操作是ok还是失败。我使用redux，我有以下操作页面：
export function registerUserFail(error){
return {
type:REGISTER_USER_FAIL,
payload: error
}
}
export function registerUserOk(user){
return{ type: REGISTER_USER_OK , payload : user }
}
export function regis
浏览 4提问于2017-08-11得票数 0
回答已采纳
2回答
我的 组件调度一个操作 ..。我在控制台中看到它到达了动作创建者(文本"ONE!“显示在控制台上)，而不是减速机(文本"TWO!“从未显示)。 出什么问题了？ index.js import React from 'react';
import ReactDOM from 'react-dom';
import { BrowserRouter } from 'react-router-dom';
import { Provider } from 'react-redux';
import { createStor
浏览 48提问于2021-02-28得票数 0
回答已采纳
请您更详细地说明以下问题?？1-react redux已经提供了连接(mapStateToProps，mapDispatchToProps)，那么为什么要使用中间件和redux-thunk呢？
了解这个连接函数就足以从存储中获取状态，并从组件中分派事件？
浏览 0提问于2018-05-04得票数 2
回答已采纳
react-redux库提出了useDispatch，它是一个只能在函数组件中使用的钩子。
import React from 'react';
import {useDispatch} from 'react-redux';
import {action} from './actions';
const funComp = () => {
const dispatch = useDispatch();
const performAction = () => { dispatch(action()) }
return &
浏览 2提问于2020-07-09得票数 0
我正在尝试组合react-router v4、react和redux。因为react-router会跟踪URL，所以我选择在redux-model中保留这段状态。
但是当react-router发生路由更改时，我仍然需要一种方法来分派redux操作。哪里是做这件事的最佳地点？
我的第一个尝试是将它放在react-router的Link的onClick属性中：
render() {
// link config
const links = this.props.photo.album( album => {
<Link key={album.name}
浏览 14提问于2018-02-06得票数 2
回答已采纳
1回答
为什么useSelector内部的选择器运行两次？
const selector = (state) => {
console.log("invoke Selector");
return state;
};
function App() {
console.log("render App");
const count = useSelector(selector);
const dispatch = useDispatch();
return (
<div className="App">
浏览 4提问于2021-01-21得票数 5
回答已采纳
我在我的项目中使用redux，redux-thunk和react，这不是实际的代码，而是代码的简化版本，所以可能有一些语法错误，但问题是它应该如何工作。
我使用了react-redux connect的react包装器。
在我的操作中，我使用redux-thunk如下：
return function (dispatch, state) {
dispatch(oneAction);
dispatch(secondAction);
dispatch(thirdAction);
}
UI只在thirdAction之后呈现，这很好，但是我不知道是什么告诉系统现在呈
浏览 0提问于2017-07-12得票数 0
好吧，我是新手react/redux。我很难理解分派逻辑。我认为这应该被登记为一个事件。但我很困惑为什么它不是。 基本思想是我有一个容器，它显示一个对象列表，这些对象包含该特定条目的表单。我从服务器(mysql数据库)获取数据并对组件进行水合处理……但是..。Console.log(‘完成加载’)运行，有效负载...但是-派单不做任何事情。 我觉得我有点不对劲，这是我第一次使用redux……还在抓着救命稻草呢。 在jobContainer中 const store= useStore();
const dispatch = useDispatch();
浏览 9提问于2020-11-26得票数 1
1回答
嗨，我刚开始使用redux，我不知道为什么FetchUsers()在调度中不能工作，我在App.js中获取的用户总是一个空的array.Should，我使用useDispatch()？还是添加了另一个中间件？
减速器
import {
FETCH_USERS,
FETCH_USERS_SUCCESS,
FETCH_USERS_FAILURE,
} from "../actions/types";
const initialValues = {
loading: false,
users: [],
error: "",
};
co
浏览 4提问于2020-08-07得票数 0
2回答
我有以下操作创建者，由于某种原因，调度中的代码没有执行，尽管我知道loginSuccess()被调用是因为第一个警报触发了。我做错了什么？
import facebook from '../api/facebook'
import * as types from '../constants/ActionTypes';
export function loginSuccess() {
alert("This alerts fine");
return dispatch => {
alert("This doesn&#
浏览 3提问于2016-08-04得票数 3
回答已采纳
我用的是幼虫的混合物，react。
正在尝试实现redux-thunk中间件。我遇到了异步呼叫的问题。我想使用jquery for ajax (它成功地检索了API数据，但我得到了一个错误，
"Error: dispatch is not a function"，意思是我不能对存储进行任何更改。据我所知，dispatch和GetState是通过thunk中间件传递的。对吗?为什么我不能使用这个函数呢？
它还给出了一个错误：“错误:操作可能没有未定义的"type”属性。您是否拼错了常量？“
在尝试处理上述问题之后，出现的另一个问题是：“错误:操作必须是纯对象。使用自定义中
浏览 0提问于2018-04-29得票数 0
1回答
我需要知道，当我调用像这样的东西： dispatch( firstStuff() );
dispatch( secondStuff() ); 如果在react-redux中有一个类似于时间表的东西，那就给了我保证，这两行将以正确的顺序被调度。或者有没有可能，如果我的应用程序有一个小的框架刹车，例如，它将被以不同的顺序调度？ 谢谢你的回复
浏览 11提问于2021-04-21得票数 1
回答已采纳
1回答
我开始学习redux-react .Please帮助我区分redux-react中的派单和退货?它们可以相互替代吗？
浏览 6提问于2017-08-30得票数 0
import React, { useReducer } from "react";
..。
import { useDispatch } from "react-redux";
..。
import { createStore } from "redux";
const store = createStore(
..。我看到所有的操作都会触发，但是useReducer调度不会更新redux状态。
浏览 0提问于2020-04-02得票数 8
回答已采纳
我是React-Native和Redux的新手，我想弄清楚Redux实际上是如何工作的。
我的目标是从db获取数据(假设当前登录用户正在关注的帐户)，并能够在特定的屏幕上显示这些数据。
我已经成功地做到了这一点，设置了action、reducer和所有的东西，但我不理解的是如何在组件中实际显示它。
我使用mapStateToProps从存储中获取数据，并将userFollowedAccounts设置为store.accountState.userFollowedAccounts。我不明白的是，我是否还必须将该userFollowedAccounts传递到我的函数组件中的useState中才能使
浏览 1提问于2021-07-23得票数 0
2回答
我正在尝试从股票API中获取一些股票数据。我可以用普通的反应钩子来获取它，但是当我用redux和redux传奇来做它的时候，我会遇到一些问题。在第一个呈现中，它不更新redux存储。它在第二次呈现中更新redux存储。但是，即使redux存储被更新了，我的组件也没有得到更新的状态？？
有人能帮忙吗？
这是我的组成部分：
import React, { useState,useEffect } from 'react'
import { connect } from "react-redux";
import { Link } from 'react-ro
浏览 4提问于2020-10-30得票数 0
回答已采纳
2回答
我在react组件中有3个下拉列表，分别是Country、State和Region。这些下拉列表中的每一个都独立于所填充的数据。
在挂载包装器组件时，我需要填充下拉列表中的数据。我使用redux进行API调用和数据获取。
我应该在我的组件中分派三个操作吗？在react-redux设置中，从API响应中填充3个下拉列表的方法应该是什么？
浏览 24提问于2018-07-23得票数 0
我正在尝试在导出的react组件函数中分派redux操作。有可能吗？或者我应该怎么做而不是这样呢？
import { addToCart } from "../redux/actions/productActions";
export const checker = (item, cart) => dispatch => {
let orderItem = {
...item
};
cart.filter(product => {
if (product.productId === item.id) {
orderIt
浏览 5提问于2020-02-26得票数 1
回答已采纳
我正在编写一个Redux中间件，并且我愿意在调用reducer函数之前和之后进行调度，示例中间件代码如下：
const myMiddleware = store => next => action => {
dispatch({type: 'xxx', payload: { xxx: true }})
next(action)
dispatch({type: 'xxx', payload: { xxx: false }})
}
我还使用react-redux将Redux store与React连接起来，如下所示：
浏览 2提问于2019-07-16得票数 0
2回答
我有一个使用React和Redux的项目。我有多个React组件，它们需要使用一个通用方法，它将从Redux中抓取数据，构建一个request对象，并向服务器发出rest请求。
我不想写这样做不止一次的方法。那么，这个方法应该是它自己的React组件，还是我应该将它放在一个普通的javascript文件中呢？我不知道如果不呈现任何JSX，拥有组件的意义是什么。另一方面，如果我把它放在一个普通的javascript文件中，是否可以将redux连接到该文件以访问商店中的状态？
提前谢谢。
浏览 0提问于2016-11-22得票数 1
回答已采纳
2回答
我正在尝试找出为什么我无法从redux-thunk接收到本应传递的dispatch()函数。我尝试了几个不同的编码教程，但似乎都不适合我，但我确实注意到有几种不同类型的实现。
所以我的问题很简单，为redux-thunk编写异步函数以确保调度被调用的整体正确方法是什么？
注意:我可以调用操作创建者，但错误: 1)调度不是操作2)操作需要是纯对象
我对我所要求的是redux异步操作的理解。
const getAttributes= () => {
return (dispatch) => {
return (/* Some async stuff */);
}
}
浏览 0提问于2018-04-30得票数 0
1回答
在调度后获取更新的redux状态
、、、、
这是我的reducer.js
const initialState = {
counter: 0
}
const reducer = (state = initialState, action) => {
switch (action.type) {
case 'increase':
state = { ...state, counter: state.counter + 1 }
break
default:
break
}
retur
浏览 3提问于2021-10-25得票数 1
使用react路由器2.8.1和with-router HOC
我可以通过this.props.router.push(url)编程导航
我想在redux异步操作创建者中这样做。
我可以从异步操作创建者获得状态，但不能从道具中获取状态。
我怎么才能拿到道具？
浏览 0提问于2017-02-15得票数 0
回答已采纳
在我的应用程序中：
"devDependencies": {
"babel-plugin-transform-class-properties": "^6.24.1",
"babel-preset-es2016": "^6.24.1",
"babel-preset-react": "^6.24.1",
"bootstrap": "^4.0.0",
"browser-sync": "^2.2
浏览 0提问于2018-06-29得票数 3
回答已采纳
1回答
提交成功后重定向到其他路由
、、、、
我使用redux-form和react-router。Redux-form提供了一个名为onSubmitSuccess的方法，在成功提交后会调用该方法。但是，我不能通过该方法访问路由器。
提交成功后，如何使用react-router重定向到新路由？
浏览 12提问于2016-09-22得票数 1
回答已采纳
1回答
我希望使用Redux将商品(项目、大小和价格)选择从产品列表转移到单独的购物车组件。我设法在我的环境中设置了Redux，但是我不知道如何使用它来获取这些数据。这是我的app.js
import React from 'react';
import ReactDOM from 'react-dom';
import { Router, Route, IndexRoute, hashHistory } from 'react-router';
import {Provider} from 'react-redux';
import s
浏览 3提问于2017-05-26得票数 0
回答已采纳
2回答
我试图使用Redux-saga中间件来避免异步函数错误，我使用了function，我连接了Redux-Saga并完成了函数*产生函数，但是我不知道为什么它不读取我的操作来拦截它，它给了我同样的错误：
错误:操作必须是普通对象。使用自定义中间件进行异步操作。
代码: Store.js
import createSagaMiddleware from 'redux-saga';
import rootReducer from './RootReducer'
import {watchFetchImages} from '../middleware/s
浏览 1提问于2020-02-10得票数 3
反应本地应用程序
存储(状态和后端)是通过redux中间件使用axios和redux构建的，请求需要后缀_SUCCESS和_FAIL。试图使用redux axios中间件进行API调用。但是，数据并没有传递给组件。由于某种原因，还原器只执行默认情况。
行动：
import { Actions } from "../../../constants/actions";
export const getNewsBloomberg = () => {
return {
type: Actions.GET_NEWS_BLOOMBERG,
payload: {
浏览 1提问于2020-09-21得票数 0
回答已采纳
1回答
我正在构建react本地应用程序，在那里我使用react-native-firebase和redux-saga。这是我使用redux-saga的第一个项目，因此我正在学习。到目前为止，我使用以下方法对用户进行了身份验证：
import firebase from 'react-native-firebase';
function* loginEmlPwdSaga(action) {
try {
const auth = firebase.auth();
const data = yield call(
[auth, auth.signInAnd
浏览 3提问于2018-06-03得票数 6
我使用Redux作为Flux替代方案，使用React作为视图层。我的应用程序的React和Redux都绑定了react-redux connect()方法。在运行应用程序时，当组件挂载时，当redux返回正确的状态时，它会分派操作。但是，redux-logger记录在存储已用新状态更新的控制台中，在组件中，当检查this.props.session时，它仍然显示旧状态。我猜想我没有正确地使用connect方法，但是我也不能定义它的问题。有人知道发生了什么事吗？
containers/App
'use strict';
import React from 'react&
浏览 3提问于2015-09-25得票数 3
回答已采纳
1回答
我目前正在使用一个使用React和Redux的小型购物车项目，Node --我构建了按大小和排序过滤产品的功能，它运行得很好，但是当我使用Redux时，过滤过程不再工作了，我尝试了很多次
Store.js
import {createStore,compose,applyMiddleware} from 'redux'
import reducer from './Reducer/Reducer'
import reduxthunk from 'redux-thunk'
const initialState = {}
const enhance
浏览 10提问于2022-04-23得票数 0
回答已采纳
2回答
我对redux/react是个新手。我正在做一个简单的rest调用，通过触发一个动作来获取一些细节。但是我得到了以下错误
BSC.js?d219:24 Uncaught TypeError:
this.props.fb is not a function.
我的代码如下所示：
export function fb(){
return dispatch => {
dispatch({
type: SUCCESS,
payload: {"key1":"value1","key2"
浏览 0提问于2018-07-12得票数 0
2回答
执行LOGIN_SUCCESS操作后，不会使用更新后的状态调用mapStateToProps。Inside login Screen在第一次运行时会显示控制台，但当我登录时，操作分派为LOGIN_SUCCESS，控件将执行相应的action.type操作。但我不知道是存储区没有更新，还是控件没有访问LoginScreen
LoginScreen.js
import React from 'react';
import { StyleSheet, Text, View } from 'react-native';
import { connect } from &
浏览 0提问于2021-03-19得票数 1
我目前正在重构一个react + redux + saga +react-Router3应用程序，以使用新的react-router 4。在此之前，我会使用browserHistory根据一个传奇故事的结果指向一条合适的路径。由于react-router 4的变化，我不能再使用browserHistory了。
现在我加入了react-router-redux来完成browserHistory所做的事情。问题是react-router-redux仅适用于推送，例如store.dispatch (‘/’))。在我的传奇故事中，我似乎找不到访问商店或其调度功能的方法。对于如何在传奇中访问store.
浏览 10提问于2017-06-22得票数 4
回答已采纳
我正试图在签出后重定向到页面。但是，每次我签出去时，它都会成功地引导页面。但是，我还是得到了错误
无法读取未定义的属性“类型”
通过“暂停捕获异常”的进一步研究，它与react-router-redux.有关。
因此，下面代码中的行store.dispatch(push('/signin'))引起了这个问题。如果我改为.map(() => ({ type: 'NOT_EXIST' }));，就不会有问题了。
是什么原因造成的？谢谢
actions/auth.action.js
export const signOutSucceedEpic
浏览 2提问于2017-07-30得票数 5
回答已采纳
我正在尝试让我的应用程序不会抱怨action没有未定义的类型属性。
我设置了我的客户端渲染，如下所示：
import React from 'react';
import ReactDOM from 'react-dom';
import routes from './shared/routes';
import rootReducer from './shared/reducers';
import thunk from 'redux-thunk';
import { createStore, applyMidd
浏览 1提问于2016-09-14得票数 1
回答已采纳
1回答
反应--没有结果
、、、
我使用来构建一个可以提高或减去的数字的div。
问题是，一切看起来都很好，但浏览器上没有结果。
减速器-> index.js:
import { combineReducers } from 'redux'
const sumReducer = (sum = 0, action) => {
if (action.type === 'ADD' || action.type === 'SUB') {
let x = action.payload;
r
浏览 2提问于2021-01-26得票数 1
回答已采纳
3回答
有人能告诉我，我们如何将常规的dispatch Redux存储方法直接发送到组件，比如道具。见下面的例子。
我也看到了Dan Abramov 通过使用functional component的例子，但是没有找到答案，有什么方法可以让它抛出class component
import React, { Component } from 'react';
import { connect } from 'react-redux';
function addData(data) {
type: "ADD_DATA",
data
};
浏览 0提问于2018-04-30得票数 1
回答已采纳
import React from "react";
import axios from "axios";
import {push} from "react-router-redux";
import {actionTypes} from "../Patient/actions";
import {put, call} from "redux-saga/effects";
import {updatePermissionsAction} from "../Pa
浏览 3提问于2017-01-13得票数 5
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
