草庐IT

扩展组件

全部标签

javascript - 如何在 React 组件中渲染 Backbone View ?

我们正在迁移我们的Backbone应用程序以使用React和Redux。我正在使用React/Redux创建一个新功能,但它需要一个当前位于Backbone中的textInputView。这个textInputView非常笨重并且具有高级功能,这使我无法在此时将其移植到React。我需要渲染我的BackboneView并将其作为一个元素放入我的React模块中。我的想法是渲染BackboneView并将其传递到React组件中。然后在我的React组件中创建componentDidMount和componentDidUpdate函数,它们会在每次我的React元素重新呈现时手动将我的B

javascript - 从 react 组件中的html文件中的脚本标签访问变量

关闭。这个问题需要debuggingdetails.它目前不接受答案。编辑问题以包含desiredbehavior,aspecificproblemorerror,andtheshortestcodenecessarytoreproducetheproblem.这将有助于其他人回答问题。关闭6年前。Improvethisquestion我最近才开始研究javascript和React.js。目前我的main.html文件中有一些脚本标签,我需要能够从我的React.js组件中的这些标签访问一些变量。有办法做到这一点吗?

javascript - 在注入(inject)脚本和 Google Chrome 扩展代码/内容脚本之间传递消息的最安全方式是什么?

定义:请从一开始就注意,通过“注入(inject)脚本”、“扩展代码”和“内容脚本”,我将使用对此question的第一个优秀答案中提供的定义。.假设:如果我直接在注入(inject)的脚本(在web区域)中处理secret信息,不如在chrome://内容脚本和扩展区域中处理secret信息安全代码。因此,我应该使用消息传递将secret信息从web区域发送到chrome://区域以供处理。问题:我正在构建一个GoogleChrome扩展程序,我需要在其中对从我注入(inject)的脚本派生的敏感用户数据运行一些操作。有问题的数据是secret的,我必须尽我所能确保在我对它进行操作之

javascript - 如何将拖放事件监听器附加到 React 组件

我正在构建一个允许将本地文件拖放到div上的组件。然后会输出有关已删除文件的信息。我的问题是在创建组件时我不知道如何正确附加事件监听器drop和dragover。我的App组件是我所有逻辑所在的地方(拖放和拖动的处理程序),我创建了一个单独的组件,文件将被放置在该组件上-dropZone组件。我尝试使用componentDidMount将事件监听器放在我的App组件上的dropZone标记上,如果我的dropZone组件已呈现,则在其上放置一个事件监听器:componentDidMount(){constdropZone=document.getElementById('dropZon

javascript - 'this' 绑定(bind)到订阅函数而不是 Angular2 中的外部组件范围

我在Angular2中的一个组件中遇到问题,因为“this”在我的一个组件中绑定(bind)到错误的上下文。我有其他组件没有发生此问题,但我看不出有什么区别。这是我的代码:组件:import{Component,Input}from'@angular/core';import{FilesService}from"./services/files.service";@Component({selector:'my-app',moduleId:module.id,templateUrl:'/app/views/app.html'})exportclassAppComponent{openF

javascript - 在 javascript 中扩展 Promise

我正在学习javascript中的类和继承。我认为以下是扩展现有对象的相当标准的方法,因为我从MDNdocsonObject.create中获得了样式。我期待看到“好的”,然后是“耶!你好'在控制台中,但我却出现了这个错误:UncaughtTypeError:#isnotapromiseatnewMyPromise(:5:17)at:19:6看起来Promise构造函数正在抛出异常,因为它可以告诉我我给它初始化的对象不是一个简单的Promise。我希望Promise构造函数将我的对象初始化为Promise对象,这样我就可以扩展该类。他们为什么不编写Promise构造函数来处理这种通用模

javascript - 通过 React.cloneElement 维护组件引用

我一直在测试使用React.cloneElement()扩展组件的children可能存在的限制/危险。我发现的一种可能的危险是可能会覆盖ref和key等Prop。但是,根据React的0.13releasecandidate(早在2015年):However,unlikeJSXandcloneWithProps,italsopreservesrefs.Thismeansthatifyougetachildwitharefonit,youwon'taccidentallystealitfromyourancestor.Youwillgetthesamerefattachedtoyour

javascript - React - 从另一个组件的 onClick 切换一个组件的显示

我正在尝试构建我的第一个React项目,目前正在将一个汉堡导航按钮和一个在单击导航时出现的菜单放在一起。我将其分为两个部分;汉堡和MenuOverlay。两者的代码如下。目前,我在Hamburger上有一个onClick可以在其上切换一个类,但是我如何通过该点击来切换菜单?它隐藏在display:none;默认情况下。可能是一个非常基本的问题,所以很抱歉-仍在努力让我了解React。菜单覆盖importReactfrom'react';import{Link}from'react-router';constMenuOverlay=()=>{return(HomeAboutContact

javascript - 使用渲染功能时 Vue 组件不显示子文本节点

我正在尝试用Vue2做一个可编辑的组件。它应该在任何标签中使用contenteditable属性,替换普通输入。我想给它一个占位符功能,以便在用户没有提供任何值时显示一个值,但我似乎无法让它工作。我正在观察组件的当前值,并在不存在用户内容时将data.isEmpty设置为true。该组件随后应显示占位符值,但目前它什么都不显示。如果我console.logrender方法的结果,它将显示占位符子节点已正确实例化,但由于某些原因它不会显示在最终的HTML上。这是一个JSFiddle:https://jsfiddle.net/dy27fa8t/对于那些喜欢它的人来说,还有一个嵌入的片段:V

javascript - typescript 无法导入没有扩展名的文件

我正在尝试在我的新Angular2项目中导入文件。入口文件“main.ts”能够使用以下方式导入其他typescript文件:import{AppModule}from'./module/app.module';另一方面,“app.module.ts”无法导入没有文件扩展名的ts文件:import{AppComponent}from'../component/app.component';如果我在文件名中添加“.ts”,一切都会按预期进行...我的错误是什么?我假设我正在按照Angular指南(https://angular.io/docs/ts/latest/guide/webpac