草庐IT

扩展组件

全部标签

javascript - 当 redux 状态更新时在组件上调用 forceUpdate()

我有一个问题,redux状态被成功更新,但react组件没有重新渲染,经过一些研究我相信[forceUpdate()][1]可以解决我的问题,但我是不确定实现它的正确方法,即在redux状态更新之后。我尝试在github上查找示例,但没有成功。 最佳答案 正如其他人所说,forceUpdate()基本上是一种hack。只要Prop和状态发生变化,您就可以免费获得更新。React和Redux可以无缝协作,因此请避免任何此类黑客行为。如果您的Redux状态正确更新而您的ReactView没有正确更新,那么您很可能没有以不可变的方式更新。

javascript - Vue (nuxt) 中的全局组件

在构建Vue应用程序时,我们在每个模板中重复使用某些Vue组件。我们的网格系统存在于.region、.layout、.grid、.column元素之外。它们都是独立的Vue组件(,...)。我们现在在每个模板中都这样做:importBlMainfrom'~components/frame/main/Main.vue'importBlRegionfrom'~components/frame/region/Region.vue'importBlLayoutfrom'~components/frame/layout/Layout.vue'importBlGridfrom'~component

javascript - 使用 TypeScript 强制 React 组件命名

有React+TypeScript的应用,所有的组件类都要大写,有Component后缀,例如:exportclassFooBarComponentextendsReact.Component{...}应用程序被弹出create-react-application应用程序,即使用Webpack构建。如何强制组件命名与样式指南保持一致,至少对于组件类而言,当存在不一致时会在构建时抛出错误?我相信这不能单独使用TSLint/ESLint来实现。如果应该对TypeScript和JavaScript使用不同的方法,那么针对这两种语言的解决方案会很有帮助。 最佳答案

javascript - 希望在 blur div 上构建悬停/契约(Contract)扩展

大家好,我已经在搜索引擎上苦苦思索了几个小时,我想我不妨问问...我需要构建一个div,它在模糊时是一个尺寸,比如300x30,在悬停时扩展到300x300并将其下方的所有内容向下推,并在模糊时恢复到300x30尺寸(“不再悬停”或任何你children现在又把它称为大声笑)。有人可以给我指出一些资源,甚至可以给我一些代码位来玩吗?将不胜感激! 最佳答案 如果您不需要动画,您可以在CSS中使用伪类。div.div{height:30px;width:300px;border:1pxsolidblack;}div.div:hover{

javascript - 谷歌浏览器扩展不显示弹出窗口

问题是当我点击图标时它根本不显示任何东西。list.json{"manifest_version":2,"name":"Mycoolplugin",//thenameoftheextension"version":"1.0",//versionnumber"description":"Mycoolplugin",//descriptionusedintheChromeWebstore"background":"background.html","browser_action":{"default_title":"Mycoolplugin","default_icon":"icon.pn

javascript - Angular 2 使用组件属性动态设置 routerLink

我创建了一个组件,其中包含一个具有routerLink属性的元素,我想从使用该组件的模板中设置该属性。当我尝试执行此操作时,我收到错误消息“无法读取未定义的属性‘路径’”。我的组件看起来链接了这个:信息框.component.tsimport{Input,Component}from"@angular/core";import{ROUTER_DIRECTIVES}from"@angular/router";@Component({selector:"info-box",template:require("./info-box.component.html"),directives:[R

javascript - chrome 扩展中内容脚本的未定义响应

我无法从我的内容脚本中获得响应以显示在我的popup.html中。当此代码运行并单击查找按钮时,“Hellofromresponse!”打印,但变量response打印为未定义。最终目标是将当前选项卡的DOM放入我的脚本文件中,以便我可以解析它。我正在向内容脚本使用单一时间消息来获取DOM,但它没有被返回并且显示为未定义。我正在寻找任何可能的帮助。谢谢。popup.html:Find:Findlist.json:{"name":"EnhancedFind","version":"1.0","manifest_version":2,"description":"Ctrl+F,butbet

javascript - 如何将 Google Ad Sense 嵌入到 React 组件中?

手头的问题专门针对GoogleAdSense,但可以适用于任何脚本标记插入。我不明白如何将这样的东西添加到我的组件中。(adsbygoogle=window.adsbygoogle||[]).push({});这样的事情有可能吗? 最佳答案 像这样的事情不需要第三方脚本。Ad-Sense需要一个看起来像这样的第三方脚本,如果您使用任何类型的模板(即...django模板等...),应该在使用react之前加载它,或者只是将其放入模板中将其放入模板中:然后把你的广告感包括在内,删除评论(假设你使用的是JSX)并把google给你的东西

javascript - 如何让 react-native 启用对 JSX(扩展)文件的支持

ReactNative应用无法解析组件。我正在尝试在App.js中导入和呈现Test.jsx。我收到以下错误-error:bundlingfailed:Error:Unabletoresolvemodule`./screens/Test`fromApp.js`:Themodule`./screens/Test`couldnotbefoundfromApp.js.Indeed,noneofthesefilesexist项目经理(或文件)看起来像这样-Test.js代码-importReact,{Component}from'react';import{View,Text,StyleShe

javascript - 在 chrome 扩展中调整 popup.html 的大小

我有这个chrome扩展,它在popup.html中显示了一些内容。随着内容在“运行时”发生变化,popup.html的大小也会发生变化,从而在有更多内容要显示的地方扩展。我遇到的问题是popup.html不会根据较小的内容调整自身大小。我该怎么做? 最佳答案 添加到popup.html的最开头-看起来你忘记添加它了 关于javascript-在chrome扩展中调整popup.html的大小,我们在StackOverflow上找到一个类似的问题: https