non-serializable value was detected in an action, in the path: `payload.0`. Value:

最新推荐文章于 2024-08-14 15:53:41 发布
最新推荐文章于 2024-08-14 15:53:41 发布
阅读量452 收藏
点赞数
文章标签： redux react.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45966674/article/details/134297590
版权

这是 redux 目前存在的问题 他对非序列化的数据存储 不提供保障
在这里插入图片描述
查看 redux 数据时 你会发现 数据存进去了 看着也没什么问题 但就是报这个错误
简单说 他在告诉你 你这个数据是非序列化数据 我们这边先把话说清楚 后面你这里出问题了别怪我们
这里 我们可也直接在configureStore事件中加入配置

middleware:getDefaultMiddleware => getDefaultMiddleware({
   serializableCheck:false
})

在这里插入图片描述
这样 我们控制台的警告就没了
在这里插入图片描述但还是希望官方能改一改 虽然感觉不太现实

瑞晟技术服务中心-耿瑞
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
FlutterInAction:Flutter In Action.Flutter实践
03-19
【Flutter in Action：深入探索Flutter实战】 Flutter，谷歌推出的开源跨平台UI框架，以其高性能、高效率和丰富的自定义能力，迅速在移动开发领域占据了一席之地。《Flutter in Action》这本书及其相关的资源集合...
cakephp-serializable-behaviour:保存和读取序列化数据到数据库
05-26
git clone git://github.com/imsamurai/cakephp-serializable-behaviour.git Plugin/Serializable 或者，如果您使用git add作为子模块： cd my_cake_app git submodule add "git://github....
ReduxToolkit解决redux不能使用class创建对象
u014708123的博客
01-10 1019
报错：A non-serializable value was detected in the state原因：一般来说，React 和 Redux 应用程序应该使用纯 JS 对象和数组作为数据来编写,要使用"模型类class{}"
redux-toolkit 报无法序列化Warning A non-serializable value was detected in an action
m0_48474585的博客
11-21 6396
A non-serializable value was detected in an action, in the path: payload.config.adapter. Value: ƒ xhrAdapter(config) { return new Promise(function dispatchXhrRequest(resolve, reject) { var requestData = config.data; var requestHeaders = config.headers; va.
React使用redux报错：A non-serializable value was detected in an action, in the path: `payload.0`. Value
coding...
03-31 2038
React使用redux报错：A non-serializable value was detected in an action, in the path: `payload.0`. Value
A non-serializable value
weixin_42380024的博客
05-17 1070
问题：使用react redux时遇见无法序列化的问题 原因：因为redux存储时是将数据序列化后存储的，并且@reduxjs/toolkit里面会默认检查是否序列化 解决办法： 关闭序列化检查 serializableCheck: false 官方文档：getDefaultMiddleware | Redux Toolkithttps://redux-toolkit.js.org/api/getDefaultMiddleware ...
[react]react-router-dom 与 redux 版本升级
前端
12-28 1347
import {},return {},//对使用到的状态更新return {},return {},},/*** 触发的处理函数* @param state 设置一个初始值，若没有显示该初始值*/})default:/*** 身份证号*/})default:/***/})default:/***/})default:/*** 多个reducer方法*/})phone: "",});});});
json_serializable.dart：生成实用程序以帮助从JSON序列化到
02-03
在Dart编程语言中，`json_serializable`库是一个非常重要的工具，它为开发者提供了方便的方式来处理JSON序列化和反序列化的过程。这个库的主要目标是简化数据模型类与JSON对象之间的转换，使得代码更加整洁、高效且...
Java安全-Kcon研究课题 Magic In Java Api.pdf
07-03
### Java安全-Kcon研究课题 Magic In Java API #### 概述 本次研究主要围绕Java API中的潜在安全隐患展开，尤其关注了API的安全性及其对应用程序的影响。文档内容涉及多个方面，包括API简介、安全影响分析、RASP...
vertigo:Vert.x应用程序平台的基于流的编程
05-21
眩晕 眩晕0.7.0-RC2已发布！ Vertigo 0.7.0需要Vert.x 2.1 需要支持吗？ 查看 | | Vertigo是基于应用程序平台构建的...在Vert.x事件总线上支持可Serializable Java消息 使用随机，循环，mod哈希，公平或扇出方法
关于反序列化攻击方法探究
蚁景网安学院
10-24 462
grammar_cjkRuby: true反序列化存在于各个开发语言的web应用，PHP、Python、Java都无一例外，趁着假期闲着无聊总结一下Python 反序列化漏洞简介Py...
eclipse插件FindBugs各种bug描述及解决方法
sundful的专栏
01-06 765
1 ）原代码如下： protected String[] a = null; public void test(String[] str){     this.a = str; } findbugs描述为： This code stores a reference to an externally mutable object into the internal representat...
findBug 错误修改指南
weixin_34259559的博客
06-05 926
FindBugs错误修改指南 1. EC_UNRELATED_TYPES Bug: Call to equals() comparing different types Pattern id: EC_UNRELATED_TYPES, type: EC, category: CORRECTNESS 解释： 两个不同类型的对象调用equals方法，如果equals方法没有被重写，那么调用...
react中使用nextjs框架，前端调后端接口跨域解决方式
最新发布
晚风的博客
08-14 384
react中使用nextjs框架，前端调后端接口跨域解决方式
serializableStateInvariantMiddleware.ts:195 A non-serializable value was detected in an action, in the path: `register`. Value: ƒ register(key) { _pStore.dispatch({ type: _constants__WEBPACK_IMPORTED_MODULE_0__.REGISTER, key: key }); } Take a look at the logic that dispatched this action: 分析报错
06-11
这个错误是 Redux 的一个中间件检测到一个非序列化的值在一个 action 中，而 Redux 的设计是只能处理序列化的 action，所以会抛出该错误。 根据错误信息，这个非序列化的值是一个函数，它被调用时会派发一个 `REGISTER` 类型的 action 到 Redux store 中。我猜测这个函数是一个 action creator，它返回一个 action 对象，但其中包含了一个函数，导致了这个错误。 要解决这个问题，你需要确保 action 中不包含任何非序列化的值。你可以尝试将该函数转换为一个普通的对象，或者将其从 action creator 中移除。如果该函数是必要的，你可以考虑使用 Redux 的 thunk 中间件来处理异步 action。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值