草庐IT

redux-store-visualizer

全部标签

javascript - 容器组件是否应该*始终*连接​​到 Redux?

我即将开始一个新的React项目,并尝试利用我以前的知识来创建一些关于我如何构建应用程序的规则。有些事情我认为是真的:Redux保存整个应用程序的“主要”数据如果需要跨应用程序共享,Redux可以保存UI状态(例如,可以从任何地方启动的全局模态窗口)如果不需要在应用中的其他任何地方共享该状态,则组件可以使用setState保持它们自己的状态。应尽可能使用无状态组件当我创建一个需要来自Redux的状态的组件时,我将创建FooContainer.js和FooComponent.js文件-Redux连接代码将位于容器中.应用程序的很大一部分是UI繁重的,并且有很多UI逻辑/状态正在进行,但不

javascript - Visual Studio Code - JavaScript 文件的类型提示

是否可以将类型信息提供给JavaScript文件的VSCodelinter?我有一个JavaScript文件和一个.d.ts文件,我想使用此.d.ts文件解析JavaScript文件以查找类型错误。那可能吗?如果不能直接在VSCode中使用,是否可以使用其他工具?添加示例://file.d.tsdeclarefunctionf(x:number):number;//file.jsfunctionf(x){returnx*2;}f('Notanumber');//Thisshouldbeanerror 最佳答案 一般来说,您需要创建一

javascript - Visual Studio 2010 : Javascript Highlighting

我将VisualStudio2010与VS.PHP结合使用。当我编写或打开一个javascript文件时,它没有突出显示并且智能感知不工作。我看到的都是纯文本。VS似乎没有“识别”javascript文件。当我手动命令js文件在脚本编辑器中打开时(在工具>选项>文本编辑器>文件扩展名中),没有任何变化。荧光笔(在“工具”>“选项”>“环境”>“工具和颜色”中)已正确设置。你有什么想法我怎样才能突出显示?谷歌什么也没说。 最佳答案 您可能在安装VisualStudio时删除了“WebDeveloper2010”组件。或者您正在使用其中

javascript - Chrome 扩展 : Storing variables for a tab even if page changes

我正在构建一个Chrome扩展程序。我想知道即使页面发生变化,是否有一种方法可以记住选项卡的js变量。例如。如果我在example1.com上并在同一个选项卡上转到example2.com,我应该保留在example1.com上设置的变量。我不想使用Chrome存储空间。我不能使用localStorage或sessionStorage,因为chrome对不同的域有不同的存储。这可以通过哪些方式实现? 最佳答案 除了使用localStorage(通过后台页面)之外,您还可以通过从内容脚本向后台页面发送消息,将这些变量直接保存在后台页面

javascript - redux 中的应用程序与本地状态

在许多Redux示例中,SOME_ASYNC_ACTION_ERROR或SOME_ASYNC_PENDING是被调度以操纵全局状态的操作。我想不出这样一种场景,即组件最初以全局错误/加载/挂起状态呈现是有意义的。当组件被销毁并重新安装时,需要“清除”该异步错误,这使得操纵组件的本地状态似乎是更好的选择。考虑到这一点,在Redux中处理加载/错误/挂起状态的最佳实践是什么:组件是否应该在本地默认为初始状态,但仍订阅全局应用程序状态以进行加载/出错?或者是否应该在离开组件后重置错误/加载的应用程序状态?或者这些临时状态是否应该只在本地管理? 最佳答案

javascript - React、Redux、React-Router - 卡在安装 material-ui 时

教程:但是由于我使用的是redux和react路由器,所以我无法真正将MuiThemeProvider放在链的顶部。包含此库的最佳方式是什么?这是我的ReactDOM.render函数:ReactDOM.render({devTools},document.getElementById('root'));这就是路由器:exportdefault(onLogout)=>(); 最佳答案 我是这样做的。我有一个index.js,我的package.json将其作为要启动的主文件(使用npmstart)。我在其中(为简洁起见删除了一些导入

javascript - react redux promise middleware 如何将结果 action 发送到 dispatch?

我正在尝试通过reactredux了解promises的中间件docs但不理解下面的then部分:constvanillaPromise=store=>next=>action=>{if(typeofaction.then!=='function'){returnnext(action)}returnPromise.resolve(action).then(store.dispatch)}then如何知道要分派(dispatch)什么?该操作没有像这样的参数传递returnPromise.resolve(action).then(function(action){store.dispa

javascript - mapDispatchToProps 与 store.dispatch()

是在组件内部使用mapDispatchToProps来调用Action更有效,还是在Action创建器中使用store.dispatch更有效?mapDispatchToProps示例://ComponentimportReactfrom'React';import{connect}from'react-redux';import{defaultAction}from'./actions';classMyComponentextendsComponent{onClickHandler(){this.props.dispatch(defaultAction());}render(){re

javascript - react 组件已连接,redux 状态发生变化......但组件没有更新?

我正在为多channel聊天应用创建一个React/Redux前端。在使用redux、react-redux和redux-thunk时,我在让一些React组件在状态更改后重新呈现时遇到问题。我相信我的reducer是不可变的,并且我是通过react-redux的connect订阅的。当我运行应用程序并查看浏览器控制台时,我看到了组件的初始呈现(即具有初始的空状态),然后是状态更改(由index.js中的Action调度触发)....然后我希望组件使用新Prop重新渲染,但它没有发生。我在这里放了一个repo协议(protocol):https://github.com/mattmos

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

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