问题标签 [redux-devtools]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
reactjs - 在 Redux 记录器中禁用操作时如何恢复副作用?
假设动作创建者(或中间件)具有启动服务的副作用:service.start()
.
redux-devtools的 disable-action 功能会恢复由于该特定操作而导致的状态更改。我们如何确保副作用也被恢复,在上面的例子中意味着调用service.stop()
?我想需要的是状态的观察者,但我不确定这是否是实现它的通量/减少方式。
javascript - 这是一个有效的递归函数吗?
我在一个库中发现一个递归表达式非常困惑。代码在这里: https ://github.com/tappleby/redux-batched-subscribe/blob/master/src/index.js#L22
具体这部分:
这怎么不是无限递归?
javascript - 在源代码中使用 NODE_ENV 来控制 Webpack 的构建过程
我正在我的项目中设置 Redux DevTools ( https://www.npmjs.com/package/redux-devtools ),并希望在构建我的生产项目时排除 DevTools。文档说这可以通过使用以下代码来完成:
我已经有一个带有常量的模块,所以我把对 NODE_ENV 的检查放在那里。
在我的 Webpack 配置文件中,我有以下代码可以正常工作:
运行set NODE_ENV=production&&webpack
构建时会缩小并使用只是webpack
不缩小构建。但是,在源代码本身中 NODE_ENV 是未定义的:
如果我将我设置Constants.PRODUCTION
为,true
则构建中不包含 DevTools。不知何故,我应该使用 DefinePlugin 或 ProvidePlugin(Redux DevTools 文档都提到了它们,但在不同的地方),但我不知道怎么做。我正在使用 Windows 10、DevTools 3.0.0 和 npm 脚本来运行构建过程。谁能帮助我如何在我的 webpack 配置文件中设置 DefinePlugin 或 ProvidePlugin?
redux - material-ui components such as DropDownMenu stop working when using redux-devtools + hot reloading
I have been using redux and redux dev-tools for about a week now and I'm loving it. I'm a big fan of Material Design and so I thought I should give material-ui a try.
It was all good until I used components other than buttons such as DropDownMenu.
The dropdown menu seems to stop working after the initial load. Here's my component:
reactjs - 为什么使用 redux devtools 在我的 _reduxDevtools 对象中未定义 ActionCreators 属性?
按照官方 repo上的文档,当我创建一个DevTools组件、一个configureStore存储并在我的工作反应应用程序的主要组件中呈现DevTools组件时,我最终得到一个:在LogMonitor.js:45中。
Uncaught TypeError: Cannot read property 'reset' of undefined
第 45 行对应于:var reset = _reduxDevtools.ActionCreators.reset;
_reduxDevtools
看起来像这样:
ActionCreators
实际上,该财产已丢失。
为什么ActionCreators
我的对象中的属性未定义_reduxDevtools
?
我错过了一些明显的东西吗?我的应用程序在我不使用时运行良好,redux-devtools
所以我非常怀疑它来自我的应用程序代码。
我还rm -rf
编辑了我的 node_modules 并重新安装了所有内容。
更新
我尝试使用的反例重现该问题,redux-devtools
并尝试查看我的项目与此示例有何不同。
如果我从反例中的webpack.config.js中删除这一行,我会收到相同的错误消息:
resolve.alias:用其他模块或路径替换模块。
javascript - redux - 减速器状态为空白
我试图在 redux docs' basic example中复制类似于 TodoList 示例的内容。第二个 reducer 接收一个数组 - styleItems = [{... ... }, {... ...}]
- 然后调用第一个函数对每个单独的对象进行操作。
我initialState
通过以下方式向应用程序容器提供一个,如containers/app.js
. 然而,传递给styleItems
reducer 的状态似乎是一个空白数组——每次都如此。
但是,react 会根据初始配置呈现 UI,并且 react dev-tools 会按预期显示状态结构。redux 商店是否以某种方式看到与反应相同的东西?
容器/app.js
减速器/index.js
redux - 从 redux-devtools 更改值后选择框未更改
语言环境处于我的 redux 应用程序状态。通过 react-devtools(revert 选项)更改其值,更改段落内部值,但不更改选择框值。如果它再次呈现,它不应该采用与 p 标签内相同的值吗?
reactjs - 带有 redux-form 的 Redux 开发工具
我正在使用redux和redux devtool 我刚刚尝试过 redux-form: 干得好,用起来很有趣!但是,我猜每次我修改一个字段时,应用程序状态都会改变。redux devtool保存在字段中点击的每个新键。它会大大减慢现场刷新速度!
这是显示应用程序状态更改的 redux devtool 停靠面板:
这是我将 redux-devtool 链接到我的应用商店的方法:
我想找到一种方法来避免让 redux 开发工具获取 redux-form 更改。欢迎任何更好的解决方案:)
javascript - Redux 开发工具 Chrome 扩展 Immutable.js 导致错误
目前,我的 redux 设置(它使用 Immutable.js 作为其状态)完全按照需要运行。但是,redux 开发工具扩展在打开时会输出以下错误:
reducer 发生错误 TypeError: n.withMutations is not a function
对于上下文,我将redux-immutable用于它的 combine reducers 功能,以组合我的 react-router-redux reducer:
和我的业务逻辑减速器。
更新:使用 webpack 构建生产包,在生产模式下测试应用程序(在 docker 容器中),并在开发模式下再次测试应用程序(在没有 docker 的本地机器上)似乎已经解决了问题?奇怪的...
javascript - 让 Redux DevTools 工作
我按照教程进行操作,但是,出现控制台错误:
“错误:期望减速器是一个函数”
这是我的(相关)配置:
WEBPACK.CONFIG.JS:
索引.JS:
CONFIGURESTORE.JS:
CONFIGURESTORE.DEV.JS:
我不清楚我做错了什么。谢谢