草庐IT

扩展组件

全部标签

javascript - 如何防止我的功能组件使用 React memo 或 React hooks 重新渲染?

当hiddenLogo改变值时,组件被重新渲染。我希望这个组件永不重新渲染,即使它的Prop改变了。使用类组件,我可以像这样实现sCU来做到这一点:shouldComponentUpdate(){returnfalse;}但是有没有办法处理Reacthooks/React备忘录?这是我的组件的样子:importReact,{useEffect}from'react';importPropTypesfrom'prop-types';importConnectedSpringLogofrom'../../containers/ConnectedSpringLogo';import{Wrap

javascript - 可以将 AngularJS 用于 Chrome 扩展的选项页面吗?

对于我的Chrome扩展程序的选项页面,我想使用Angular.js(仅用于选项页面,而不用于扩展程序的后台JS或内容脚本),但将其包含在我的页面中并执行如下操作:ShortkeysOptions...在开发工具控制台中抛出此错误并且没有任何运行:Error:Codegenerationfromstringsdisallowedforthiscontext我假设这是因为Angular正在尝试将标签写入页面或分配内联事件处理程序或运行内联JS的东西,这isnotallowedinChromeextensions,那么有什么办法解决这个问题吗?例如,我可以告诉Angular以某种方式避免使

javascript - chrome 扩展中的内容脚本和背景页面之间的消息传递无法正常工作

我发布下面的代码:list.json{"manifest_version":2,"name":"Demo","description":"all_framestest","version":"1.0","background":{"scripts":["background.js"]},"content_scripts":[{"matches":["*://*/*"],"js":["content.js"],"all_frames":true}],"permissions":["tabs","*://*/*"]}背景.jschrome.tabs.onUpdated.addListene

javascript - 在 React Router 中渲染多个组件

我习惯于应用具有多个yield区域的布局,即内容区域和顶部栏标题。我想在ReactRouter中实现类似的东西。例如:应用布局:{--displayListTopBarhere--}{--displayListViewhere--}两个子组件应该接收相同的Prop。我该如何解决这个问题? 最佳答案 要传递多个组件,您可以这样做:请在此处查看文档:https://github.com/ReactTraining/react-router/blob/v3/docs/API.md#named-components

javascript - 在 React Native 中将 props 样式添加到现有组件样式

我定义了以下组件:importReact,{Component}from'react';import{StyleSheet,TouchableOpacity,View,Text}from'react-native';exportdefaultclassButtonextendsComponent{render(){return(this.props.onPress}>{this.props.title})}}conststyles=StyleSheet.create({container:{paddingTop:15,paddingBottom:15,paddingRight:20,p

javascript - React 组件仅在第二个 onClick 事件上更改状态

我有这两个简化React组件,其中Times组件是Create组件的子组件(代码示例见下文).预期的行为是,最初未显示Times组件,但当用户使用onClick单击链接时,Times组件出现.这些组件大部分都按预期工作,但奇怪的是,在第一次单击onClick链接后​​,Times组件没有出现并且Create组件根本不会改变状态,如控制台中所示。但是,当第二次单击该链接时,Create组件会更改状态并重新呈现,并且可以看到Times组件。Create.jsximportReactfrom'react';importTimesfrom'./Times.jsx';exportdefaultR

javascript - 使用 Chokidar 监视特定的文件扩展名

我正在寻找使用nodejsChokidar的文件夹我只想监视xml文件的添加、删除。我是Chokidar的新手,无法弄清楚。我尝试设置Chokidarignore以匹配所有以.xml结尾的字符串,但看起来Chokidarignore接受负正则表达式的即使下面的例子也行不通watcher=chokidar.watch(watcherFolder,{ignored:/[^l]$,persistent:true,ignoreInitial:true,alwaysState:true});有没有办法做到这一点,还是我必须将过滤器添加到回调函数?watcher.on('add',function

javascript - 如何更改 vuetify 组件中的字体大小

我将v-text-field和v-select与vue-loader一起使用。我试图改变字体大小,但我不能。如何更改字体大小?我的代码喜欢这样。plabel-1v-text-field(...)plabel-1v-text-field(...).input-group.input-group__inputfont-size:12px!important.pfont-size:12pxdevelopertoolscreenshot 最佳答案 要在整个应用程序范围内更改单个组件(例如文本字段)的字体大小:.v-text-fieldinp

javascript - 创建一个 chrome 扩展,它在页面上突出显示文本并将其插入 popup.html 中的文本区域

我花了几个小时在网上搜索解决方案。我想做的是将页面上突出显示的文本传输到chrome扩展的popup.html中的文本区域。我想知道是否有人可以向我提供可以执行此操作的扩展的建议源代码。这是我看过的最相关的线程,我认为它最有帮助-查询是相似的。Buttoninpopupthatgetselectedtext-Chromeextension我尝试复制代码并将其作为扩展运行,它没有获得突出显示的文本。想知道是否有人有任何建议以及如何解决这个问题。非常感谢。 最佳答案 就像您链接的问题的答案一样,您需要使用MessagePassing和C

javascript - 组件中的 Angular 4 HttpClient 无法解析所有参数

我开始学习Angular4并学习了HTTP客户端部分。现在我正在尝试从组件进行http调用(是的,我知道我应该将它转移到服务,但仍然如此)但出于某种原因,当我尝试将HttpClient注入(inject)我的组件时,出现了下一个错误:UncaughtError:Can'tresolveallparametersforPromocodeComponent:(?).这是我的组件的代码:import{Ticket}from'../../classes/Ticket.class'import{Component,Input}from'@angular/core';import{HttpClie