草庐IT

$全局组件

全部标签

javascript - 如果 React 组件需要 jQuery,Enzyme 会抛出错误

我正在尝试使用Enzyme的describeWithDOM()和mount()测试React组件的行为。但是当组件导入jQuery时我得到这个错误:错误:jQuery需要一个带有文档的窗口我知道Enzyme在后台使用jsdom,我一直认为jsdom负责处理窗口和文档。但我似乎找不到如何让它们一起工作。测试代码如下所示:importchai,{expect}from'chai';importSelectfrom'./Select';importReact,{createElement}from'react';import{describeWithDOM,mount}from'enzyme

javascript - React 暴露组件函数

基于此链接上的示例http://reactjs.cn/react/tips/expose-component-functions.html,我一直在尝试简化代码以更好地理解暴露的方法,所以我得到了以下内容,这是行不通的,错误是“UncaughtTypeError:无法读取未定义的属性'animate'”而且我真的不知道原因:varTodo=React.createClass({render:function(){return;},//thiscomponentwillbeaccessedbytheparentthroughthe`ref`attributeanimate:functio

javascript - 我应该在 React 组件中初始化一个空状态变量吗?

我对React还是有点陌生​​,我觉得它很棒,但目前有一件事在我脑海中,我想知道如何看待它。例如,我正在制作一个结账组件,其中有一个减价优惠券字段。我将事件的当前价格传递给优惠券,以便它可以计算新的:{this.state.showCouponField?(this.setState({coupon:coupon})}initialValue={this.state.coupon?this.state.coupon.token:''}initialPrice={this.state.event.final_price}setReducedPrice={(reducedPrice)=>t

javascript - 如何使用 flowtype 在组件的 react 上下文中定义 Prop ?

使用flowtype时在context中定义一个Prop这样//@flowtypeMyType=Object;classCustomViewextendsReact.Component{staticchildContextTypes={someProp:MyType}getChildContext(){return{someProp:this.props.someProp};}}我收到以下错误:CustomView:typespecificationofchildcontextsomePropsisinvalid;thetypecheckerfunctionmustreturnnull

javascript - 如何绕过 RequireJS 加载全局模块?

我正在尝试从小书签加载JS文件。JS文件有这个包装模块的JS:(function(root,factory){if(typeofmodule==='object'&&module.exports){//Node/CommonJSmodule.exports=factory();}elseif(typeofdefine==='function'&&define.amd){//AMD.Registerasananonymousmodule.define(factory);}else{//Browserglobalsroot.moduleGlobal=factory();}}(this,fu

javascript - VueJS 组件发出重复事件

当我的鼠标光标进入和离开我的VueJS组件时,分别调用以下方法。当光标进入和离开我的组件时调用的方法://locatedin"methods"sectionofmyVuecomponentfileonMouseEnter(){window.Event.$emit("mouse-entered",this.index);console.log("Mouseentered");},onMouseLeave(){window.Event.$emit("mouse-left",this.index);console.log("Mouseleft");},这就是我的控制台在我的光标进入和离开组件

javascript - 如何模拟在使用 Jest 测试的 React 组件中进行的 API 调用

我正在尝试模拟一个将数据检索到组件中的fetch()。I'musingthisasamodelformockingmyfetches,但我无法让它正常工作。我在运行测试时遇到此错误:babel-plugin-jest-hoist:Themodulefactoryof'jest.mock()'isnotallowedtoreferenceanyout-of-scopevariables。有没有办法让这些函数返回模拟数据,而不是实际尝试进行真正的API调用?代码utils/getUsers.js返回Angular色映射到每个用户的用户。constgetUsersWithRoles=role

javascript - 在将 Squire.js 与 RequireJS 和 Mocha 一起使用时,如何避免引入全局泄漏?

我正在使用Backbone和Backbone.Marionette编写单页JavaScript应用程序。我正在使用AMD模块和RequireJS来帮助组织我的代码和管理依赖项。我也在使用Mocha作为我的TDD/BDD测试框架。一切正常,直到我想使用Sinon.JS引入stub、模拟和spy。经过大量搜索,我在testframeworksintheRequireJSwiki上找到了一个页面和Squire.js,这似乎很适合我的需要。但是,当我尝试使用Squire.js加载模块时,Mocha突然报告模块依赖项的全局泄漏。如果我直接使用Require.JS加载模块,则没有泄漏报告。例如,下

javascript - JavaScript 中全局作用域中存在 undefined variable 的原因是什么?

我发现很多关于undefined作为值的讨论,例如如何检查是否相等等等。但是undefined作为全局变量存在的“工程”原因是什么?对面没有null变量...console.log(undefinedinthis);//logstrueconsole.log(nullinthis);//logsfalse 最佳答案 在JavaScript中,null是一个保留字;undefined不是,但由环境实现作为一个全局变量,其值为undefined。您会注意到您可以更改undefined的值,但不能更改null的值,except严格模式(会

javascript - 如何对 Angular-UI Bootstrap Modal 组件的 'resolve' 属性进行单元测试

我正在尝试编写一个单元测试,断言正确的变量正在从Angular-UIBootstrap发送到ui.bootstrap.modal的resolve属性组件。这是我目前所拥有的://Controllerangular.module('app').controller('WorkflowListCtrl',function($scope,$modal){//Setuptheeditcallbacktoopenamodal$scope.edit=function(name){varmodalInstance=$modal.open({templateUrl:'partials/editWork