如何使react redux状态信息在开发工具上不可用？
在React Redux中，可以通过使用Redux DevTools来调试和监控应用程序的状态信息。然而，有时候我们可能希望在开发工具上禁用Redux状态信息，以提高性能或保护敏感数据。以下是一种方法来实现这个目标：
- 使用Redux DevTools Extension的compose函数： Redux DevTools Extension提供了一个compose函数，可以用于创建Redux store的enhancer。通过使用这个compose函数，我们可以在开发环境中启用Redux DevTools，而在生产环境中禁用它。
- 使用Redux DevTools Extension的compose函数： Redux DevTools Extension提供了一个compose函数，可以用于创建Redux store的enhancer。通过使用这个compose函数，我们可以在开发环境中启用Redux DevTools，而在生产环境中禁用它。
- 这样，当应用程序在开发环境中运行时，Redux DevTools将可用。而在生产环境中，Redux DevTools将被禁用。
- 使用条件语句： 另一种方法是使用条件语句，在开发环境和生产环境之间切换Redux DevTools的启用状态。
- 使用条件语句： 另一种方法是使用条件语句，在开发环境和生产环境之间切换Redux DevTools的启用状态。
- 这种方法通过检查
process.env.NODE_ENV变量来确定当前环境。如果是生产环境，Redux DevTools将被禁用；如果是开发环境，Redux DevTools将启用。
无论使用哪种方法，都可以根据需要在开发工具上禁用或启用React Redux状态信息。
相关·内容
我正在开发一个带有react-redux状态的react应用程序。使用redux状态一切正常，但唯一的问题是redux状态存储在本地存储中，我想禁用它以供其他人查看。因为它还在开发中，所以它很好，但当它投入生产时，向一般用户显示敏感信息将成为一个问题。 有没有办法为其他人禁用开发工具上的redux状态信息，或者其他一些方法来解决
浏览 23提问于2020-07-06得票数 1
回答已采纳
1回答
点击提交按钮后，它不会在UI上显示更新的电影和评论列表。而且，道具不会改变。请帮助我理解我在这里做错了什么。此外，欢迎对代码进行任何改进。App.jsimport './actions/actionReview'import { c
浏览 0提问于2020-10-15得票数 1
这个问题没有实际意义，只是尝试将概念连接起来，让我从Redux切换到使用useReducer并反应上下文--与useReducer`一起使用的上下文--基本上是只对显式导入它的组件可用的redux存储吗
浏览 7提问于2020-08-03得票数 0
回答已采纳
4回答
React本机调试器状态未定义
、、、、
我正在尝试为我的项目使用远程React Native调试器。我已经在我的$ brew update && brew cask install react-native-debugger电脑上安装了React-Native-Debugger。然后我用npm install --save-dev remote-redux-devtools添加了Remote-redux-devtools包
我的createStore代码看起来像这个自动取款机。状态</
浏览 2提问于2017-10-19得票数 3
1回答
我有部分，用户可以在其中编辑输入字段，有数百个输入，这就是为什么我需要使用redux (不过，新手对redux )，到目前为止我有这个import { useSelector } from "react-redux";
import Details from我在胡思乱想要得到这份工作，
浏览 3提问于2021-04-14得票数 1
回答已采纳
我是一个新开发人员，当createContext、useContext和提供者等东西存在时，我很难理解Redux的重要性。在我天真的观察中，似乎您可以完成Redux所能做的一切(除去状态跟踪开发工具扩展)，只需要顶级组件上的全局上下文提供程序。</ContextProvider>}
现在，所有子代组件都可以访问全局状态，这似乎是Redux的要点。我是不是遗漏了一个关于Redux的重要的区别因素？
浏览 9提问于2022-09-29得票数 0
回答已采纳
当我大部分时间在寻找Redux的时候，我得到了答案
作为一种新的开发工具，它应该解决web开发中的一些问题。那么，redux做什么以及它如何帮助我们呢？
浏览 1提问于2019-09-16得票数 3
回答已采纳
2回答
现在，在我的React组件中，我希望根据最终调度的操作类型(成功或错误)执行一些操作。if (actiontype === "GET_LIST_SUCCESS") {}if (this.props.list.length
浏览 1提问于2019-01-18得票数 0
我现在正在尝试redux，对它背后的想法非常兴奋，但是第一个真正的任务毁了整个事情。但是，如果我需要存储第三方/遗留有状态对象呢？例如，它可能类似于图库或websocket客户端。我假设我能够以某种方式使用还原器来启动/停止/管理它，但是我的状态不再是无状态的，并且
浏览 5提问于2016-08-08得票数 9
回答已采纳
1回答
我们目前正在构建一个由Node提供支持的REST API后端的React-Redux前端。我不确定在挂载组件时是使用Redux还是一个简单的API调用。该组件是一个简单的配置文件列表，这些配置文件将显示在整个站点中(但不是一直显示)。
很抱歉问这个问题。也许有什么可以通读的东西？
浏览 6提问于2016-07-28得票数 0
回答已采纳
1回答
目前我正在尝试将react导航从V4升级到V5，但我遇到了一个障碍，我不知道如何在router.js中修改末尾的代码，或者在ReduxNavigation.js和Reducers/NavigationReducer.jsAppWithNavigationState = connect(mapStateToProps)(App)
App.tsx (路由器在app.tsx/>
</Na
浏览 1提问于2021-03-02得票数 0
1回答
当使用“react路由器-redux”时，如何获得当前位置？这是routing状态： routing: { pathname: "/foo",这也是奇怪的，这是我的路由状态的唯一属性。我怀疑我做错了什么。';
import { routerReducer, routerMiddleware } from 'react-router-
浏览 1提问于2016-08-19得票数 5
回答已采纳
1回答
我正在使用React路由器和Redux作为一个简单的React应用程序(使用MaterialUI)。我想用大部分功能组件来制作我的应用程序，在某些情况下，我很难处理它，这是：
1 -私有路由无状态-我使用Firebase，为了检测用户是否登录，我将一些信息存储在redux中。我使用这些信息，使私有和公共路线，作为反应路由器教程。但是这些组件目前没有功能，我不知道如何使它们能够正常工
浏览 1提问于2019-05-02得票数 0
它说道具不同于状态，理想情况下道具不应该改变它的组件，而应该只由它的父组件来改变。然而，Redux中的mapStateToProps函数将Redux中的状态映射为React组件的支持，这基本上是当Redux状态被Redux操作改变时，Redux组件的道具发生变化。它似乎应该是mapStateToStates，并将Redux状态映射到React组件的状态</
浏览 6提问于2017-01-03得票数 11
回答已采纳
1回答
使用react路由器-redux，似乎只有通过道具才能获得路由信息。是这样的吗？return { };在每件事情上传递道具，对于Redux让我的应用程序变得多么干净来说，这是一个很大的倒退。但是，使用react redux-路由器，还原器不知道路由，因此它不知道在哪里发送消息。
浏览 1提问于2016-02-27得票数 8
回答已采纳
4回答
我正在考虑使用react、useContext和context api来代替redux。话虽如此，我还是希望我的状态在结构上有点复杂。让我们看看这个结构是 key1: true, key3: [], }我明白的是redux在使用react的情况下，我可以很好地使用Provider，Consumer/useContext将我的存储状态</
浏览 0提问于2021-02-03得票数 3
回答已采纳
我在开发中有一个基于redux的大型应用程序。我想将一些实用函数添加到不包含要“连接”到的反应性组件的js脚本中。如何在没有组件的情况下访问react redux中的状态？mapStateToProps和mapDispatchToProps都不可用--我需要从顶级index.js文件导出状态对象吗？看起来很危险。JB
浏览 4提问于2017-07-20得票数 0
回答已采纳
3回答
我非常熟悉Context API，我用Redux完成了一个速成课程，它们(在原则上)对我来说都很相似。问题是，我应该专注于哪一个？Context API和Redux的主要优点和缺点是什么？这在React State管理中是最好的。
浏览 0提问于2020-09-24得票数 1
当前应用商店及其在应用程序中的初始化const store = createStore(rootReducer, {}, applyMiddleware(ReduxThunk,
//actionCallbackOnceMiddleware
浏览 1提问于2020-07-14得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
