- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我正在制作一个 React + Redux 应用程序,当我点击一个链接时我得到了这个
Uncaught Error: A state mutation was detected between dispatches, in the path `library.items.5.track.duration`. This may cause incorrect behavior. (http://redux.js.org/docs/Troubleshooting.html#never-mutate-reducer-arguments)
at invariant (browser.js:40)
at index.js:50
at index.js:208
at index.js:21
at Object.select (bindActionCreators.js:7)
at ListItem.handleTrackNameClick (ListItem.js:12)
at Object.ReactErrorUtils.invokeGuardedCallback (ReactErrorUtils.js:70)
at executeDispatch (EventPluginUtils.js:89)
at Object.executeDispatchesInOrder (EventPluginUtils.js:112)
at executeDispatchesAndRelease (EventPluginHub.js:44)
现在我明白这意味着什么了,这意味着我在某个地方有一些代码正在改变我的状态。我的 reducer 甚至没有被调用,唯一在点击时被调用的是:
handleTrackNameClick() {
this.props.select([
deepAssign({}, this.props.track)
]);
}
和select函数对应的是:
function playTracks(tracks) {
console.log('playing');
return {
type: PLAY_TRACKS,
tracks: deepAssign({}, tracks)
};
}
然后(在显示播放之后)我立即得到错误,reducer 从未被调用。这很奇怪,因为我不会在我的代码中的任何地方改变我的状态。我真的不知道要发布什么,所以如果您需要更多,请告诉我。 Here是完整的来源
编辑:playTrack 函数接收这样的参数:
[
{
"id":"8hAt8fvQomHt9ztV",
"name":"Bounce",
"duration":114226,
"artist":{
"id":"1MUjmFoDBQOk2vbO",
"name":"System of a Down"
},
"album":{
"id":"8B7MePC7rhglf7px",
"name":"Toxicity"
}
}
]
这是调用前的示例状态:
{
"routing":{
"locationBeforeTransitions":{
"pathname":"/app/library",
"search":"",
"hash":"",
"state":null,
"action":"POP",
"key":"oabgr1",
"query":{
},
"$searchBase":{
"search":"",
"searchBase":""
}
}
},
"toolbar":{
"playing":false,
"currentTime":0,
"viewType":"redux-app/view-types/THUMBNAILS",
"searchString":"",
"volume":1
},
"library":{
"items":[
{
"id":"mwgwHdOVamAz8wq0",
"track":{
"id":"mwgwHdOVamAz8wq0",
"name":"A Hopeful Transmission",
"duration":33000,
"artist":{
"id":"tL1YNNTaOLvYmHot",
"name":"Coldplay"
},
"album":{
"id":"3xYmTho9gpG5g4bs",
"name":"Mylo Xyloto"
}
}
},
{
"id":"NVcZ9spiBPSebv57",
"track":{
"id":"NVcZ9spiBPSebv57",
"name":"X",
"duration":118160,
"artist":{
"id":"1MUjmFoDBQOk2vbO",
"name":"System of a Down"
},
"album":{
"id":"8B7MePC7rhglf7px",
"name":"Toxicity"
}
}
},...
],
"loading":false,
"viewType":"LIST",
"viewScope":"TRACKS"
},
"sidebar":{
"libraries":[
{
"_id":"GaejiodsIlFRteGW",
"name":"Test",
"path":"/home/vinz243/.cassette/downloads"
}
]
},
"store":{
"query":"",
"results":{
"albums":[
],
"tracks":[
]
},
"releases":[
]
}
}
最佳答案
在取消注释大块代码以尝试找到它的来源之后,我的 API 似乎返回了一些值,这些值会导致持续时间为 NaN
值,乘以 1000 导致了这个问题
关于javascript - Uncaught Error : A state mutation was detected between dispatches,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41947811/
我的密码 https://gist.github.com/ButuzGOL/707d1605f63eef55e4af 因此,当我收到登录成功回调时,我想进行重定向, 重定向也可以通过调度程序进行。 我
我已经写了访问者模式如下,但我不明白什么是单次和双次分派(dispatch)。AFAIK,单分派(dispatch)是根据调用者类型调用方法,而双分派(dispatch)是根据调用者类型和参数类型调用
我有一个非 ui 线程,我需要在该线程上发送消息。 执行此操作的正常方法是在我的线程的线程过程中调用 Dispatcher.Run()。 我想修改它以使其在处理未处理的异常方面更加健壮。 我的第一个剪
我有一个具有这样功能的代码 const mapDispatchToProps = (dispatch: Dispatch) => ({ onAddProduct: ( key: str
我在使用 Window.Show 显示 WPF 窗口时遇到问题: System.InvalidOperationException was unhandled Message: An unhandle
我对何时使用 Dispatcher.Invoke 从不同线程更新 UI 上的某些内容存有疑问。 这是我的代码... public Window4() { InitializeC
我遇到了一个我无法解决的问题。我正在构建一个电子商务 react 应用程序并使用 useReducer 和 useContext 进行状态管理。客户打开产品,挑选商品数量,然后单击“添加到购物车”按钮
尽管我已经深入了解了 NEventStore 上的事务完整性,但我无法理解在连接了许多 NEventStore 实例时 NEventStore 将如何真正扩展。 总结一下我的理解,一个事件被添加到提交
我学习了 React Javascript 和 Redux,现在我遇到了这个问题。 这是一个 codesandbox 像这样尝试: 搜索书名“dep” 观察日志显示“Search url is:”,当
Dispatcher.CurrentDispatcher(在System.Windows.Threading中)和Application.Current.Dispatcher(在 >系统.Window
我得到了一些代码来处理调度程序在其构造函数中传递给 View 模型的位置。我现在想知道当我想要在 UI 线程上执行某些操作时,我是否应该使用 ObserveOn(dispatcher) 或 dispa
当我们的一个应用程序服务器内存不足时,我正在分析 Java 堆转储。我正在使用 Eclipse 内存分析器。它报告了以下内容。 One instance of "akka.dispatch.Dispa
哪一个: public static let barrier: DispatchWorkItemFlags public static let detached: DispatchWorkItem
我想使用不同于调度类型的类型提示 Action 创建者。 我已经尝试使用这两种类型对 ThunkResult 进行类型提示,但这并不理想。 // types.ts interface AppListA
我正在尝试准确地理解什么是单次分派(dispatch)和多次分派(dispatch)。 我刚刚读到这个: http://en.wikipedia.org/wiki/Multiple_dispatch
I have following api returning Flux of String我有以下返回字符串通量的接口 @GetMapping(value = "/api/getS
这是我自学前端开发一年后在Stackoverflow上的第一个问题。我已经找到了我的疑惑的答案,但由于这些问题是第三次返回,我认为是时候向 Web 提问了。 我正在尝试构建什么 我正在尝试构建一个图书
我正在使用 Kotlin 学习 Android,并且我了解到在不阻塞主线程的情况下启动协程的推荐方法是执行以下操作 MainScope().launch { withContext(Dispatc
错误本身: (alias) deleteCategory(id: number): (dispatch: Dispatch) => void import deleteCategory Argumen
我必须对抽屉进行裁剪,然后创建一个包含所有需要项的DrawerComponent,并创建一个带有NavigationActions的函数来调度我的路线,但是它不起作用。当我单击任何项目时,我都会遇
我是一名优秀的程序员,十分优秀!