草庐IT

Redux-Devtools

全部标签

javascript - 作为异步验证的结果,我如何显示 redux-form 警告?

Redux-forms支持validationerrorsandwarnings.错误会显示一条消息并阻止提交表单,而警告只会显示一条消息。Redux-forms也支持asyncvalidation.我错误地认为异步验证错误和警告会被支持,但事实并非如此。不幸的是warningsarenotofficiallypossiblewithasyncvalidation.目前需要相当大的努力才能摆脱使用redux-forms,所以我试图找到一个足够的解决方法。一种解决方案是手动向表单添加警告。如果这是可能的,那么异步验证可以大部分正常执行,但在最后设置警告,而不是提供预期的错误对象。但我查看

javascript - 使用 RxJS switchMap 仅取消订阅具有相同请求 URL/操作负载的流(redux-observable 史诗)

我有一个界面,用户可以在其中触发对同一端点但具有不同参数(在本例中为UUID)的调用。到目前为止,我一直很享受switchMap的行为,每当我发送一个具有相同类型的新redux操作时取消我的飞行中的http请求,在这种情况下我仍然想要这种行为,但是仅如果新操作请求的UUID(操作对象的一部分)与已经在进行中的UUID相同。我不太确定正确的方法。例如,在一次分派(dispatch)多个Action后,我希望所有具有唯一ID的Action都完成,但那些重复现有但尚未完成的ID会取消之前的请求并取而代之。例如:store.dispatch({type:"GET_SOME_DATA",uuid

javascript - 如何防止 Firefox DevTools 显示 "Source Map not found"错误?

我正在使用几个没有.map文件的第3方缩小Javascript文件。当我在FirefoxDevTools中调试时,它始终显示这些错误:Sourcemaperror:requestfailedwithstatus404ResourceURL:https://foo.domain.com/widgets/widgets.min.jsSourceMapURL:widgets.min.js.map这真的很让人分心,因为有很多这样的文件,它们确实会污染控制台。有办法关闭这些警告吗? 最佳答案 您可以通过进入开发人员工具的工具箱选项并取消选中启

javascript - 未定义 Redux 中间件

运行此代码时出现“中间件不是函数”错误。import'babel-core/polyfill';import{thunkMiddleware,Provider}from'redux-thunk';importcreateLoggerfrom'redux-logger';import{createStore,applyMiddleware}from'redux';import{fetchDistricts,fetchSchools}from'./actions.es6.js';importrootReducerfrom'./reducers.es6.js';//importAppfrom

javascript - Redux:组织容器、组件、 Action 和缩减器

问题:Whatisthemostmaintainableandrecommendedbestpracticefororganisingcontainers,components,actionsandreducersinalargeReact/Reduxapplication?我的看法:当前的趋势似乎是围绕相关的容器组件来组织redux抵押品(actions、reducers、sagas...)。例如/src/components/.../contianers/BookListactions.jsconstants.jsreducer.jsselectors.jssagas.jsinde

javascript - React/Redux 服务器端渲染中的警告 : Did not expect server HTML to contain a <li> in <ul>.

我是第一次使用React和Redux进行服务器端渲染,似乎遇到了一些困难。我收到警告:Warning:DidnotexpectserverHTMLtocontainain.我查了一下,这意味着html树不匹配。我不确定那是怎么回事。有没有明显的方法来解决它?这是我的代码,它会发出警告。importReact,{Component}from'react';import{connect}from'react-redux';importactionsfrom'../actions';classUsersListextendsComponent{componentDidMount(){if(t

javascript - DevTools 性能工具中的解析、编译和评估是什么?

在Chromes的性能选项卡中运行JS脚本时,我看到JS解释分为三个步骤:Parse、Compile和Evaluate。有时我只会看到Evaluate,有时会看到Compile和Evaluate,有时会看到全部三个。我的问题是:每个步骤的实际含义是什么?为什么有时会缺少步骤?(例如,有时Parse会丢失) 最佳答案 解析:js引擎检查代码,确定所有不同的范围、变量声明等,并对它们进行排序。在这一步也会发生提升。基本上你的纯文本源代码变成了AbstractSyntaxTree(AST)编译:ChromeV8使用JIT编译,这意味着部分

javascript - 使用 redux 时应该如何在 react 组件中处理取消订阅?

在我的组件中,我有以下内容:componentWillMount:function(){this.unsubscribe=store.subscribe(function(){this.setState({message:store.getState().authentication.message});}.bind(this));},componentWillUnmount:function(){this.unsubscribe();},不调用取消订阅会导致以下错误:Warning:setState(...):Canonlyupdateamountedormountingcompon

javascript - 我如何使用 immutable.js 之类的东西在 Redux 中组合多个 combineReducers 函数

我正在使用immutable.JS通过redux-immutablejs管理我的商店。我现在想使用redux-form库,但我在结合reducers时遇到了问题。Redux-immutable提供了一个combineReducers函数,该函数将检查传递给它的所有reducer是否返回不可变对象(immutable对象)。Redux本身提供了一个combineReducers函数,该函数不执行此类检查。Redux-form要求您包含它们的reducer,但我不能使用Reduximmutable的combineReducers这样做,因为它会失败。所以我要做的基本上是像这样组合这两个函数

javascript - 在 redux 中使用 thunk 中间件比使用常规函数作为异步操作创建者有什么好处?

关闭。这个问题需要更多focused.它目前不接受答案。想改进这个问题?更新问题,使其仅关注一个问题editingthispost.6年前关闭。Improvethisquestion我已经使用redux大约两个月了,最近才开始探索处理异步行为(例如获取数据)的不同方法。它出现在documentation来自discussionsonGitHub使用thunkmiddleware执行此操作的标准方法这是一个非常简单的概念,但是我不确定我是否理解在可以使用简单的独立函数时将执行异步状态机的责任交给redux中间件的好处。使用thunk中间件的传统Redux方法异步操作创建者fetchPos