草庐IT

react-chrome-redux

全部标签

javascript - react : Understanding import statement

这两个语句有什么区别importReactfrom'react';和importReact,{Component}from'react';不应该importReactfrom'react'导入包括内容在内的所有内容吗?我应该阅读什么来理解这一点? 最佳答案 你可以阅读这个here.导入不带大括号的内容会导入您要从中导入的模块中定义为默认导出的内容。一个模块中只能有一个(或没有)默认导出。foo.js:constmyObject={foo:'bar'};exportdefaultmyObject;bar.js:importtheObj

javascript - `await` 慢于 Chrome 中应有的速度

在测试await的性能时,我发现了一个令人困惑的谜团。我在控制台中多次运行以下每个代码片段以过滤掉侥幸,并取相关数据的平均次数。(function(console){"usestrict";console.time();varO=[1];for(vari=0;i!==107000;++i){constO_0=O[0];O[0]=O_0;}console.timeEnd();})(console);结果:默认:5.322021484375ms接下来,我尝试添加使其成为asynchronous(asyncfunction(console){"usestrict";console.time(

javascript - 是否可以使用公用文件夹中的 create-react-app 提供静态文件?

基本上,我为客户制作了一个(相对)简单的应用程序。该应用程序运行正常,但他们一直要求更改数据。考虑到该应用最初预期的简单性以及它保存静态数据的事实,我没有将它链接到任何后端。所有数据都保存在一个本地静态文件中,该文件中有一个保存数据的对象。问题是fle被捆绑到buld中,所以如果我只想更改一些静态数据而不必重新构建,我做不到!我的数据文件可以在公用文件夹中访问Assets,这些Assets工作正常。我试图用js文件实现相同的想法。我无法从/src文件夹之外导入。有没有一种方法可以访问以某种方式在构建时添加的静态文件夹中的静态数据? 最佳答案

javascript - 将 hoist-non-react-statics 与 withRouter 一起使用

如何使用hoist-non-react-statics和withRouter我在Feedback组件中添加了一个静态方法。这是我的原始代码。我正在尝试使用ContextAPI中的新更改(reactv16.6)Feedback.contextType=AppContext;exportdefaultwithRouter(Feedback);这工作正常,但我在控制台中收到以下警告。Warning:withRouter(Feedback):FunctioncomponentsdonotsupportcontextType.因此,为了修复警告,我使用了Danhere提出的方法.它在react中

javascript - Greasemonkey、Chrome 和 unsafeWindow.foo()

我有以下anchor标记,其中包含动态生成的参数arg1,...,arg5到在网络上运行的JavaScript函数foo()站点端。整个相关页面中有几个这样的anchor标记,具有唯一的id值和argN值:blah我想通过循环遍历该元素的所有命中、搜索参数并将这些参数传递给Greasemonkey的unsafeWindow.function(args)来以编程方式触发foo()函数调用。这是我目前编写的Greasemonkey脚本:functionremoveAllProperties(){varxpath="//A[@title='foobarbaz']";varactionNode

javascript - 如何获得 chrome 中的书签图标?

当我使用时:在我的扩展中。它出错了。它警告了“不允许加载本地资源:chrome://favicon/http://www.google.com.hk”我该如何解决? 最佳答案 仔细检查以确保您已添加"chrome://favicon/"permission.这是"manifest_version":2扩展吗?我不熟悉它们,但它们可能要求您指定ContentSecurityPolicy允许这样做。 关于javascript-如何获得chrome中的书签图标?,我们在StackOverflo

javascript - Chrome 扩展程序 - 仅在单击按钮时运行内容脚本

我已经看过了,但我似乎无法找到并回答这个问题(好吧,一个对我有用的问题)。我制作了一个Chrome扩展程序,它应该只在单击图标时运行我的内容脚本中的代码,但它总是在页面加载后立即运行。有没有办法防止这种情况发生?我可以为run_at输入的所有可能字符串都不能真正满足此要求。这是两个脚本中的示例代码:内容脚本:functionrunIt(){console.log('working');}runIt();背景.js:chrome.browserAction.onClicked.addListener(function(activeTab){chrome.tabs.executeScrip

javascript - React js 性能工具插件抛出 "Cannot read property ' 未定义的计数”

我对如何使用React的性能工具感到困惑。我目前的使用情况如下图:varPerf=React.addons.Perf;Perf.start();this.setState({newState:newStateObject,},function(){Perf.printInclusive();Perf.stop();});这不会在页面上呈现任何内容并脱口而出UncaughtTypeError:Cannotreadproperty'counts'ofundefined 最佳答案 参见https://github.com/facebook

javascript - react类中的成员变量引用为 "shared"

当我创建一个React类的多个实例时(通过在同一个类上使用React.createElement),一些成员变量在实例之间共享(数组和对象是共享的,字符串和bool值等不是)。对我来说,这感觉很可怕、很可怕​​而且是错误的。这是一个错误还是有其他方法可以做我想做的事?请看:http://jsbin.com/kanayiguxu/1/edit?html,js,console,output 最佳答案 您应该做的是在组件上设置状态,而不是将状态作为React组件上的任意属性。所以不要这样做:varMyComponent=React.cre

javascript - 访问 chrome 扩展中当前选项卡的所有窗口变量

这个问题在这里已经有了答案:Accessvariablesandfunctionsdefinedinpagecontextusingacontentscript(6个答案)关闭7年前。任何人都可以发布用于访问chrome扩展中的窗口变量的代码。单击chrome扩展按钮时,我需要访问窗口变量。我正在获取窗口对象,但没有加载所有变量。我知道我们可以通过注入(inject)脚本来创建它。但我不知道如何实现它。目前我正在尝试使用以下代码来获取当前事件选项卡的页面源。chrome.tabs.executeScript({code:"document.getElementsByTagName('h