错误-操作必须是普通对象。使用自定义中间件进行异步操作
。
这个错误通常发生在使用自定义中间件进行异步操作时，操作对象不是普通对象的情况下。在云计算领域中，中间件是一种常用的技术，用于在应用程序的不同组件之间传递数据或执行特定的功能。在这个错误中，操作对象应该是一个普通对象，但实际上不是。
解决这个错误的方法是确保操作对象是一个普通对象。普通对象是指JavaScript中的基本数据类型，如字符串、数字、布尔值等，或者是由这些基本数据类型组成的对象。如果操作对象是一个异步操作，可以使用Promise对象或async/await语法来处理异步操作。
以下是一些相关的名词解释和推荐的腾讯云产品：
- 中间件：中间件是一种用于处理请求和响应的软件组件，常用于在应用程序的不同组件之间传递数据或执行特定的功能。腾讯云的相关产品是云函数（https://cloud.tencent.com/product/scf）和云原生应用引擎（https://cloud.tencent.com/product/tke）。
- 异步操作：异步操作是指在执行某个操作时，不会阻塞程序的执行，而是在操作完成后再进行相应的处理。腾讯云的相关产品是消息队列（https://cloud.tencent.com/product/cm）和云数据库Redis版（https://cloud.tencent.com/product/redis）。
- Promise对象：Promise对象是一种用于处理异步操作的对象，它可以表示一个异步操作的最终完成或失败，并返回相应的结果。腾讯云的相关产品是云函数（https://cloud.tencent.com/product/scf）和云数据库MongoDB版（https://cloud.tencent.com/product/mongodb）。
- async/await：async/await是一种用于处理异步操作的语法，它可以让代码看起来更像是同步执行，提高代码的可读性。腾讯云的相关产品是云函数（https://cloud.tencent.com/product/scf）和云数据库MySQL版（https://cloud.tencent.com/product/cdb）。
总结：在使用自定义中间件进行异步操作时，确保操作对象是一个普通对象，并可以使用Promise对象或async/await语法来处理异步操作。腾讯云提供了多个相关产品，如云函数、云原生应用引擎、消息队列和云数据库，可以帮助开发人员进行异步操作和处理。
相关·内容
1回答
我想知道是否有可能将setTimeout存储在Redux中，并使setTimeout触发器达到偶数。据我所知，动作是javascript对象，但我不确定它将如何与商店交互。
一开始我在想这样的事情
const timer = setTimeout(() => {someFunc}, 1000);
行动：
const t = (timer) => {
return {
type:TIMER_START,
timer
}
};
减速机：
tReducer = (state={timer:null}, action) => {
switch(action
浏览 0提问于2019-07-11得票数 0
回答已采纳
在我的项目中，我有动作调用，服务(用于http抓取请求)。在实际操作中，我调用服务，并在其执行后进行分派，以便调用reducer。在我的组件中，我通过mapDispatchToProps调用此操作。在组件加载时，我遇到错误，并且不太明白原因 http服务： export class HttpService {
static HEADERS = {
'Content-Type': 'application/json',
'Accept': 'application/json',
浏览 13提问于2020-07-15得票数 0
回答已采纳
请您更详细地说明以下问题?？1-react redux已经提供了连接(mapStateToProps，mapDispatchToProps)，那么为什么要使用中间件和redux-thunk呢？
了解这个连接函数就足以从存储中获取状态，并从组件中分派事件？
浏览 0提问于2018-05-04得票数 2
回答已采纳
2回答
我使用Redux并使用connect存储调用异步函数。
下面是我的视图文件代码recordings.js，其中我编写了以下代码：
fetchREcordingJson(file_name) {
const {
dispatch,
history
} = this.props;
dispatch(fetchRecordingJson(file_name))
console.log(dispatch(fetchRecordingJson(file_name)));
}
const mapStateToProps = ({
recordings
})
浏览 3提问于2021-01-04得票数 0
回答已采纳
我正在开发一个应用程序与。我有一些由Redux处理的身份验证和本地化逻辑，现在我还想使用Redux从远程API中获取所需的数据。
一个用于身份验证的示例：
actions.auth.js
export function saveAuthToken(authToken) {
return {
type: "SAVE_AUTH_TOKEN",
authToken
};
}
...
reducers.auth.js
export function authToken(state = "", action) {
浏览 0提问于2019-12-16得票数 0
回答已采纳
我对redux操作有个问题。当我提交一个表单时，下面的错误提示我。网络显示数据已传输。如何修复它？我不知道错误在哪里 我的错误 Error: Actions must be plain objects. Use custom middleware for async actions.
19 | const handleSumbitAddExpenses = (values) => {
20 | console.log(allCategories);
21 | allCategories.forEach(category => {
> 22 |
浏览 14提问于2021-01-06得票数 0
1回答
我刚刚开始使用redux，我正在尝试从Firebase中获取一些数据并将其放在我的商店中。我对这件事做了一些研究，在我看来这是：
export const addData = (database) => {
return dispatch => database.ref.once('value').then((snapshot) => {
dispatch({
type: 'STORE_DATA',
payload: snapshot.val()
});
}, (err) => {
浏览 1提问于2018-11-20得票数 0
回答已采纳
1回答
我正在努力理解我以前的同事所写的代码。
据我所知，useDispatch接受一个包含动作类型和有效载荷的对象，与所有还原器相比，该对象将是，状态将相应地改变。但是，在下面的代码中，传递的是整个函数，而不是对象。我的问题是，为什么useDispatch仍然可以在不传递对象的情况下工作，因为该函数不返回任何内容。
下面是useDispatch函数和action函数。
const dispatch = useDispatch();
const handleSubmit = (e: any): void => {
dispatch(login("emai
浏览 2提问于2022-01-18得票数 0
回答已采纳
获取特定操作函数的以下错误：
错误·动作必须是普通的对象。使用自定义中间件进行异步操作
下面的代码在我的系统上运行得很好，但是在上为不同的用户记录错误。
React组件文件：
import React, { Fragment, useEffect, useState, useRef } from 'react';
import { useSelector, useDispatch } from 'react-redux';
const dispatch = useDispatch();
const handleTabs = tab => {
浏览 10提问于2020-11-18得票数 2
1回答
所以我现在是redux的新手，并且还停留在中间件部分。我需要知道这两个代码是如何相互作用的。
我的动作创建者：
import jsonPlaceHolder from '../APis/jsonPlaceHolder';
export const fetchPosts= ()=>{
return async (dispatch)=>{
const response = await jsonPlaceHolder.get('/posts');
dispatch({type:'FETCH_POSTS',
浏览 0提问于2020-01-27得票数 1
1回答
关于redux的，我有几个问题。
与直接使用分派进行ajax调用的不同，现实世界中的示例使用中间件来处理这个问题。在react中使用redux时，推荐使用哪种方法？为什么？
我的猜测是中间件是可重用的，所以如果需要进行多个ajax调用，只要传入不同的api路径作为参数，一个通用ajax调用中间件就足够了。但可以这么说.
中间商什么时候被执行？通过查看源代码并阅读文档，我的理解是：dispatch an action -> all middlewares get executed , ajax calls can be made here and the returned json
浏览 3提问于2015-10-16得票数 7
回答已采纳
2回答
帮助了解问题所在。当我像这样编写mapDispatchToProps时：
const mapDispatchToProps = (dispatch: any) => {
return {
getPostByIdAction: (post: any) => dispatch ({type: GET_ID, payload: post})
}
};
一切都很正常。但是当我尝试以这种方式分派函数时：
const mapDispatchToProps = (dispatch: any) => {
return {
getPost
浏览 15提问于2020-02-09得票数 0
2回答
下面是使用获取电影的代码。我使用了fetch()从API中获取数据，但我得到的错误是"Uncaught :action必须是普通对象。使用自定义中间件进行异步操作“。
HomeAction.js
import {API_URL, API_KEY} from '../config';
export function getMovies(movies)
{
return function(dispatch){
const url =`${API_URL}movie/popular?api_key=${API_KEY}&language=en-u
浏览 4提问于2020-06-22得票数 0
我是新的反应，只是理解的概念上的redux，而没有使用redux雷克。请看下面的代码
// app.js
import React, { Component } from 'react';
import {connect} from 'react-redux';
import * as actions from './actions'
class App extends Component {
render() {
return (
<div>
<button onClick={t
浏览 0提问于2018-07-17得票数 0
回答已采纳
1回答
我刚开始学习Redux，我有一个关于它的目的的问题。据我所知，redux-thunk会延迟动作的分派，所以在下面的代码中，它会等到服务器响应才发出。但这不是承诺的工作吗。根据我的基本知识，那么里面的回电应该只在我们得到响应后才能调用，对吗？
export const fetchRentalById = (rentalId) => {
return dispatch => {
axios.get(`/api/v1/rentals/${rentalId}`)
.then((rental) => {
dispatch({
type:
浏览 3提问于2019-12-28得票数 0
回答已采纳
我在读Redux我有点困惑于createAsyncThunk
createAsyncThunk 是雷击和createAsyncThunk完全不同的东西是否取代了Thunk?
浏览 19提问于2022-02-16得票数 0
不能成功地使用过去的帖子中的解决方案。 每次在app.js上使用useEffect加载应用程序时，我都会尝试运行一个操作，如下所示： 26 | const App = () => {
27 |
28 | useEffect(() => {
> 29 | store.dispatch(loadUser());
30 | }, []);
31 |
32 | return ( 我得到的错误是： Error: Actions must be plain objects. Use custom middleware for asyn
浏览 29提问于2020-03-23得票数 0
回答已采纳
1回答
每当我执行某个操作时，我都希望在显示成功消息之前检查API响应。例如，下面我有一个函数来删除该项，并使用redux redux分派调用它。
dispatch(deleteItemID(itemId));
notify.show("Home Id is successfully added", "success", 3000);
这里的问题是调度，不直接返回任何东西。因此，我不确定反应状态是200还是400。然后，deleteItemID调用异步函数removeItem“参见下面的函数。
export const deleteItemID = (itemId) =
浏览 2提问于2022-04-19得票数 0
3回答
不明错误:动作必须是普通的对象。使用自定义中间件进行异步操作.
操作文件：
import $ from 'jquery'
import { phoneVerify } from '../actions/types'
const verifyPhoneAsync = function (verification) {
return {
type: phoneVerify,
payload: verification
}
}
const verifyPhone = function (phone) {
$.ajax({
浏览 7提问于2017-02-20得票数 0
回答已采纳
我试图使我的react本机代码更简洁，并尝试以以下方式使用操作作为新操作：
操作：
import { Action } from "redux";
export const actionType = {
INCREMENT_ACTION: "example/INCREMENT_ACTION",
DECREMENT_ACTION: "example/DECREMENT_ACTION"
};
export class ExampleIncrementAction implements Action {
type = actionTyp
浏览 1提问于2019-08-01得票数 0
我正在学习Redux基础教程。在关于的部分中，我们了解到中间件是作为三个嵌套函数组成的系列，如下所示：
// Outer function:
function exampleMiddleware(storeAPI) {
return function wrapDispatch(next) {
return function handleAction(action) {
// Do anything here: pass the action onwards with next(action),
// or restart the pipeline with
浏览 7提问于2021-03-04得票数 1
回答已采纳
我正在使用React和Redux构建一个应用程序，以便从API请求并随后显示电影信息。在控制台中，我可以取回请求的数据，但在此之后，我遇到了错误-“错误:操作必须是纯对象。使用自定义中间件进行异步操作。”
到目前为止，这是我的代码。
搜索组件：
import React, { Component } from 'react';
import { connect } from 'react-redux';
import { bindActionCreators } from 'redux';
import { fetchMovie } from &
浏览 4提问于2018-01-21得票数 0
2回答
我在使用redux-thunk时遇到了以下错误。我被困了几天，我在堆叠溢出中找到了很多关于这个问题的答案，但它们都没有帮助。抱歉，这也许是个愚蠢的问题。任何帮助都将不胜感激。非常感谢
我面临的错误：未明错误:操作必须是普通的对象。使用自定义中间件进行异步操作.
Store.js：
import { createStore, applyMiddleware } from 'redux'
import ReduxThunk from 'redux-thunk'
import reducer from './reducers'
const store
浏览 0提问于2018-07-15得票数 0
2回答
我正在学习redux的反应，我想实现这样的目标：
当我去这个网址时：
一些网址/员额/1
我想从服务器上获取一些数据，然后在页面上显示出来。
但是，它会抛出空指针异常，因为获取数据需要一些时间。
我做了这样的事情，但它看起来不太好，有什么正确的方法来防止这个空指针异常，等待数据会到来？
在我的组件里：
componentWillMount() {
this.props.fetchPost(
parseInt(this.props.match.params.postId));
}
render(){
return(
<div>
浏览 8提问于2019-02-21得票数 2
回答已采纳
我查看了很多博客，但没有一个能解决这个错误。有人能解释一下我为什么会犯这个错误吗？我是新来的。我听从了youtube视频中所有的命令。在那段视频中，他没有使用任何地方的调度。你还能告诉我在哪里使用调度吗？src/index.js
import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import {Provider} from 'react-redux'
import {createStore} from 're
浏览 2提问于2020-02-13得票数 0
回答已采纳
环境： Node.js，Express
下面的模式将将所有同步和异步错误对象转发给我的错误处理中间件。
app.get('/', wrapAsync(async function(req, res, next) {
// synchronous error
throw new Error('oops');
// asynchronous error
//next( new Error('oops I did it again');
res.send('hello world');
})
浏览 2提问于2020-02-02得票数 0
回答已采纳
1回答
我想在react-redux中写一个CRUD，但在多个分派时有问题。我想我的调度是不是没有回复承诺？
我的错误是“未捕获TypeError: dispatch(...).then不是一个函数”，在下面这一行：
fetchPost: (id) => {
dispatch(fetchPost(id))
.then((result) => ...
动作
export function fetchPost(id) {
const request = axios.get(`${ROOT_URL}/posts/de
浏览 0提问于2018-07-15得票数 0
1回答
我研究了react示例()，并看到了action addToCart的实现。
问题是，分派和getState参数从何而来？
export const addToCart = productId => (dispatch, getState) => {
if (getState().products.byId[productId].inventory > 0) {
dispatch(addToCartUnsafe(productId))
}
}
我试着把它复制到我的中，但是我无法让它工作。
PS:我可以用mapDispatchToProps在上做这个
浏览 1提问于2022-01-28得票数 0
回答已采纳
我已经在action.tsx文件中创建了一个简单的函数，并调用了调度函数，这导致了我的错误。下面是代码
index.txs文件
const store: any = compose(applyMiddleware(thunk))(createStore)(rootReducer);
// store.subscribe(() => console.log("store", store.getState()));
// store.dispatch(miniFaq(store.getState()));
// store.dispatch(getCategoryQues
浏览 0提问于2017-11-03得票数 0
未处理的拒绝(错误)：操作必须是普通对象。使用自定义中间件进行异步操作。
我想在每一篇文章中添加评论。因此，在运行fetch post时，我希望为所有post调用fetch注释API。
export function bindComments(postId) {
return API.fetchComments(postId).then(comments => {
return {
type: BIND_COMMENTS,
comments,
postId
}
})
}
浏览 16提问于2017-10-16得票数 137
回答已采纳
1回答
我正在使用，下面的代码可以在上找到。
计数器组件：
export const Counter = (props) => (
<div style={{ margin: '0 auto' }} >
<h2>Counter: {props.counter}</h2>
<button className='btn btn-default' onClick={props.double}>
Double (Async)
</button>
</div>
浏览 2提问于2017-04-10得票数 1
回答已采纳
2回答
我来自于使用react-saga的背景，它有“效果”的概念，它允许我们触发动作处理程序来响应被分派的Redux操作：
take('MY_ACTION', myActionHandler)
我要怎么做同样的事呢？
浏览 0提问于2021-07-27得票数 0
回答已采纳
我刚开始使用react和redux，我正在检查一个购物车应用程序，如果我想从外部api中获取这些虚拟对象，该怎么办？我可以在react中获取apis，但redux使我感到有点困惑。
productsReducer.js
const INIT_PRODUCTS = [
{id:1, title: 'Watch', description: 'Lorem Ipsum', price: 80, img:''},
{id:2, title: 'Watch', description: 'Lorem Ipsum&#
浏览 0提问于2018-09-01得票数 0
回答已采纳
我尝试了一个简单的演示，它似乎是有效的。但为了确保，redux或redux中间件中是否有任何东西需要操作才能成为具有“type”属性的对象？我读过一些教程，强调“类型”属性是必须拥有的。
在此之前：
dispatch({ type: 'DO_SOMETHING', info: 1 });
之后：
dispatch(['DO_SOMETHING', 1]);
浏览 6提问于2017-06-19得票数 1
1回答
我得到的错误是"Redux操作必须是纯对象。使用自定义中间件进行异步操作。“使用下面的代码。
export const getFriends = () => async(): Action => {
const requestConfig = {
httpMethod: 'GET',
version: 'v2.7',
};
let hasMore = false;
let friends = [];
do {
const infoRequest = new GraphRequest(
&
浏览 1提问于2016-12-16得票数 6
1回答
我有一个如下所示的用户对象：
{
name: "john",
cart: [1, 2, 3]
}
这个对象被发布到我的express.js web应用程序中。在某些路由上，许多中间件都在该对象上工作，并且它也被发送回用户。
问题是，在用户上操作的一些中间件是异步的，并且修改了用户对象。此外，我还试图尽快将用户对象发送回响应中。
考虑到Javascript使用逐共享调用，我不确定对象的属性是由异步函数修改的(可能是在对象返回之前)。这就是我要说的。
// This would be called after a post request
app.use(functio
浏览 5提问于2016-12-22得票数 1
回答已采纳
我正在学习一个教程，老师在课堂上使用react-redux。为了更好地理解它，我决定用钩子。
不幸的是，我遇到了一个问题，需要你的帮助。
这个教程应用程序在gapi中使用oauth到signIn。为此使用了一个按钮，该按钮依赖于授权状态显示，可以使用logIn或signOut。登录时，可以在弹出窗口中选择google帐户。但是当我点击这个按钮到logIn时，我会得到一个错误，上面写着：
错误:操作必须是普通对象。使用自定义中间件进行异步操作。
1)但在我的应用程序中，我使用名为useEffect()和.then的钩子来省略使用thunk这样的中间件。还是我错了？
2)我应该在我的应用程序中使用
浏览 0提问于2020-06-10得票数 0
回答已采纳
我得到了错误：
Actions must be plain objects. Use custom middleware for async actions.
我在下面的堆栈溢出问题中尝试了这个解决方案，但没有成功：
动作
export async function signupp(data){
console.log('In signupp:');
try{
const request = await axios({
method:'POST',
url:'http:/
浏览 1提问于2019-08-10得票数 0
回答已采纳
我是第一次接触React Hooks。我怀疑当你需要使用钩子在Redux中做任何API调用时，你应该如何编写异步API调用函数。它应该是一个局部函数吗？或者它应该遵循我们在React-Redux中所做的相同模式。
浏览 1提问于2019-10-18得票数 1
嗨，我是react的新手，在ajax post请求之后，我有更新应用程序状态的问题。例如，我的状态看起来是这样的：
state: {
persons: []
}
然后我想要添加新的人到状态，所以我获取请求到serwer，这里有一个问题。应该从服务器更新的集合返回以设置新状态，还是应该返回响应并在请求中强制向服务器发出新请求以获取数据？或者是否还有其他选项，比如侦听器在状态为ok的任何响应之后都会更新状态？
浏览 2提问于2016-08-26得票数 2
回答已采纳
我一直在挣扎着让自己的头脑清醒下来，因为它真的不知道它有什么伟大的用途。例如，我在一个网站上找到了一个随机的Redux示例：
export const addTodo = ({ title, userId }) => {
return dispatch => {
dispatch(addTodoStarted());
axios
.post(ENDPOINT, {
title,
userId,
completed: false
})
.then(res => {
浏览 0提问于2020-04-23得票数 2
回答已采纳
我需要一些关于Typescript，React和Redux的帮助。
export function fetchAllMeals (subject: string){
axios
.get(`https://www.themealdb.com/api/json/v1/1/search.php?s=${subject}`)
.then((response: any) => {
console.log(response.data)
return { type: FETCH_ALL_MEALS, data: response.data };
}
)
浏览 20提问于2020-05-20得票数 0
回答已采纳
3回答
作为一个初级的react开发人员，我正在学习redux-thunk中间件，我不明白为什么dos函数(由redux-thunk返回)返回一个promise (由fetch()返回)
我试着不返回任何东西，它起作用了，那么为什么我们要返回它呢？
export function getCourses() {
return fetch(baseUrl)
.then(handleResponse)
.catch(handleError);
}
export function loadCourses() {
return function(dispatch) {
disp
浏览 2提问于2019-08-25得票数 0
1回答
我在一个项目中看到，副作用的行为是在这样的操作中定位的：
// ...in ItemListPage.js
function onCreateItem (name, title, content) {
this.props.dispatch(createItem({ name, title, content }));
};
// ...in ItemActions.js
function createItem(post) {
return (dispatch) => {
return callApi('items', 'create
浏览 1提问于2017-07-17得票数 0
回答已采纳
我从我的组件调用getLocalToken操作，该组件从AsyncStorage读取字符串。下面是我如何调用该函数。
componentWillMount() {
this.props.getLocalToken();
console.log("CWM", this.props.auth);
}
以下是我的行动
export const getLocalToken = async () => {
try {
const localToken = await AsyncStorage.g
浏览 2提问于2017-09-13得票数 0
我绝对是一个反应本土化的新手，Redux和朋友。
现在，我尝试创建一个应用程序与。
在此过程中，我发现了以下错误：
我尝试在我的应用程序中使用这样的Redux：
export const confirmRegister = (userdata) => {
return (dispatch) => {
return(
fetch(URI + path, {
method: 'POST',
headers: {
浏览 3提问于2018-06-03得票数 0
回答已采纳
我使用和Immutable.js --我的状态是由不可变的对象组成的，并且工作得很好。
现在，我试图使我的操作不可变对象，而不是普通的Javascript对象。
我的还原器和动作创建者都在工作，我的所有单元测试都通过了，但是当我试图在React组件中使用不可变的动作对象时，我会得到一个错误，因为我的action对象是一个不可变的Map (而不是一个普通的javascript对象)。
以下是我的行动：
export const cancel = () => {
return Immutable.Map({
type: ACTION_TYPES.get('CA
浏览 1提问于2017-10-23得票数 1
回答已采纳
我对redux的反应是新的，我试图派遣一个行动，但它正在显示。
未处理的拒绝(错误)：操作必须是普通对象。使用自定义中间件进行异步操作
这里是我的行动创造者：
import axios from "axios";
import { GET_CHART_DATA, GET_CHART_DATA_ERROR } from "../actionTypes";
export const getChartData = async () => {
try {
const { data } = await axios.get(
"
浏览 3提问于2021-09-04得票数 3
回答已采纳
1回答
在我的redux actions.js文件中，我有以下两个函数： export const init = () => async dispatch => {
dispatch({ type: TYPES.SET_LOADING });
await dispatch(getConfig());
await dispatch(getGenres());
dispatch({ type: TYPES.REMOVE_LOADING });
}
export const getConfig = () => async dispatch =&
浏览 8提问于2019-12-21得票数 0
回答已采纳
2回答
我是React，Redux和JS的新手。我想知道如何在组件中链接操作？在列表屏幕上，我应用程序检索用户的地理位置，然后使用当前的long和lat获取api url。
我超时完成了。但我认为这是一种冒险的方式。
import {
aFetch,
aGetPosition,
} from '../../actions';
import { API_URL } from '../../config/ApiEndpoints';
class App extends Component {
componentDidMount() {
this.pr
浏览 11提问于2017-01-18得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
云直播活动推荐
腾讯云开发者
