草庐IT

store_context

全部标签

javascript - 由 Flux Store 控制的 React Form(最佳实践?)

所以我有一个很大的组件就是我的表单:{morecomponentshere}此表单组件正在监听使用firstAction、secondAction等更新其值的商店注意:组件根据返回{firstValue:something,secondValue:something,etc}的store.getState()更新其状态假设我的FirstComponent是一个输入:this.props.firstAction(e.target.value)}好的,所以onChange触发PropfirstAction这实际上是将更新我的商店并使表单重新呈现的FluxAction。我在这里有两个好处,当

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 - 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 16 的 Portal API 是否打算取代 Context API?

我注意到新功能portals做同样的事情但更好?我不太了解门户,但它似乎是管理嵌套组件更新的新方法?我知道ReactsContextAPI是实验性的,并注意到componentDidUpdate不再接收prevContext并且他们删除了contextTypes。我还注意到他们正在介绍React16'sPortalAPI并且不确定这是否旨在取代ContextAPI。那么,如上所述,React16的PortalAPI是否旨在取代ContextAPI?编辑:借用这个话题,conext是在React中管理i18n本地化的最佳方式吗? 最佳答案

javascript - 如何清除 amplify.store()?

我需要清除amplifyjs存储,删除所有键值。类似于localStorage.clear()。提前致谢。 最佳答案 amplifyjs的文档表明您可以通过将值null存储到该键来清除(删除)特定的存储键:amplify.store("MyKeyName",null);我们可以获取所有当前存储键名:amplify.store()然后使用jQuery$.each去通过列表并清除(删除)当前存储在“amplifyjs存储”中的每个项目:$.each(amplify.store(),function(storeKey){//Deletet

javascript - 使用 Chutzpah 运行 QUnit (TypeScript) 测试给出 "Called start() outside of a test context while already started"

我有一个相当简单的重现,结果我不明白。确保安装了Chutpah测试适配器4.0.3。使用VisualStudio2013执行以下步骤:创建一个新的.NET4.5.1类库项目;添加NuGet包qunit.TypeScript.DefinitelyTyped0.1.7;将TypeScript文件file1.ts添加到项目中,内容如下:///QUnit.test("QUnitisworking",assert=>assert.ok(true));在该文件内右键单击并从上下文菜单中选择“运行JS测试”。我可以确认file1.js是按预期生成的。结果是没有运行任何测试,测试资源管理器没有显示测试

javascript - GraphQL/中继架构无法查询类型 "store"上的字段 "CreateLinkPayload"

我可以使用CURL和GraphiQL工具成功地进行graphql/relay查询和突变:然而,在我的react/中继应用程序中,我可以查询并将数据输入应用程序,但是每次我尝试改变我的应用程序中的某些内容时,我都会在控制台中收到此错误:bundle.js:51511UncaughtError:GraphQLvalidationerror``Cannotqueryfield"store"ontype"CreateLinkPayload".``infile`/Users/johndoe/react-relay-project/src/mutations/CreateLinkMutation.

javascript - 组件中的 store.getState 或 mapStateToProps

我有一个问题,直接从商店使用getState或使用mapStateToProps有什么区别。请看我下面的例子importReact,{Component}from'react'importstorefrom'../store'import{connect}from'react-redux';classTestextendsComponent{constructor(props){super(props);}render(){return({this.props.count}{store.getState().reducer1.count})}}constmapStateToProps=

javascript - 通过刷多路径图表无法绘制 d3.js Focus+Context

我已经用了几个星期了,但似乎无法弄清楚如何绘制下面的多路径图表。Focus+ContextviaBrushingchart我试图创建一个jsfiddle,但无法复制我得到的屏幕。在这一点上,我所拥有的与原始图表相似,只是只有一条路径而不是区域,并且刷牙工作正常。基本上尝试结合焦点图和多系列折线图Multiserieschart.但是,当我尝试添加另一条路径时,没有任何效果。请提出我需要做出的任何想法或更改以使其正常工作。还有其他类似的图表(或图表示例)我可以看一下吗?可以以任何方式或形式重新排列数据以使其起作用。Jsfiddlepath{fill:none;stroke:white;s

javascript - NUXT 中间件中未定义 Vuex store

我正在练习NUXT,从教程中可以看出它运行良好。进入NUXT中间件时我的失败。逻辑是,如果页面重定向到其他页面,它将进入中间件并使用axios获取结果。中间件/search.jsimportaxiosfrom'axios';exportdefaultfunction({params,store}){console.log(store)returnaxios.get(`https://itunes.apple.com/search?term=~${params.id}&entity=album`).then((response)=>{console.log(response.data.r