草庐IT

react项目配置Eslint

全部标签

javascript - 使用 Jest 和 React 模拟非默认函数

在测试文件中,我需要渲染一个组件,同时模拟它的一些子组件。文件结构大致如下所示。文件1import{A,B}from'a-module';exportfunctionMyComponent(){return(//Ineedtomock//thesecomponentsout);}文件2import{MyComponent}from'File1';/**InthisfileIwouldliketorenderMyComponentbut*havecomponentsAandBbereplacedbymocks*/我试过jest.mock('a-module',()=>'Blah');但这

JavaScript:按一个键对项目进行分组,按另一个键对(!)组内的项目进行排序 - 怎么样?

在我的结果中,学生应该按Room-Id分组(!),然后在组内按年龄排序。按房间分组/排序的结果:Name|R|Age-------------------Student2|1|22Student4|1|25Student3|3|21Student6|3|27Student1|5|29我的当前代码(JSFiddle:http://jsfiddle.net/n9KNx/):/*addstudents*/varstudents=newArray();students.push({name:"Student1",room_id:5,age:29});students.push({name:"S

javascript - 用于标签属性的 Angularjs ng-repeat 项目

我的问题是如何在声明ng-repeat的同一标签上使用ng-repeat中的item我需要什么(用一些抽象的模板语言):{%foriteminitems%}{{item.name}}{%endfor%}使用angular我不知道如何访问那个item.dataTheme{{item.name}} 最佳答案 你可以使用{{item.name}}演示:Fiddle 关于javascript-用于标签属性的Angularjsng-repeat项目,我们在StackOverflow上找到一个类似的

javascript - 在呈现 CollectionView 中的所有项目后是否会触发 Marionette.js 事件?

在Backbone.Marionette.jsCollectionViews和CompositeViews,onDomRefresh事件在DOM最初呈现时触发,并且在任何时候将项目添加到View的集合中(这有助于View的动态/“实时”性质)。在我的例子中,我想运行某个jQuery函数,但由于集合的典型长度,最好只调用此函数一次在最后一次渲染,以防止过多的函数调用在UI中呈现所有模型后,我只想做一次。是否有适合此用例的Marionette事件? 最佳答案 我整个下午都在尝试使用Erik的解决方案,但“collection:rende

javascript - 禁止在 “Owl carousel” 中拖动特定元素(项目)-jquery

我在我的小项目中使用“OWLCarousel”jQuery插件(http://www.owlgraphic.com/owlcarousel/)。我创建了可通过此插件拖动的小脚本。现在我想禁用拖动特定元素(项目)...但我不知道该怎么做。HTML:Item-1.1Item-1.2NOTDraggbleItem-1.3Item-2.1Item-2.2NOTDraggbleItem-2.3Item-3.1Item-3.2NOTDraggbleItem-3.3CSS:div.wrap{width:990px;min-height:360px;padding:5px;border:2pxsoli

javascript - React.js 中的所有者组件和父组件有什么区别

React0.13带来了parent-basedcontextinsteadofowner-basedcontext.所以,我不太明白所有者组件和父组件之间的区别。示例将不胜感激。 最佳答案 varA=React.createClass({render(){return();}});在上面的示例中,A是B和C的所有者,因为A创建了这两个组件。但是,B是C的父级,因为C作为子级传递给B。更多信息可以在documentation中找到.It'simportanttodrawadistinctionbetweentheowner-owne

javascript - react .js : onClick function from child to parent

我用了this以文章为例(React方式),但它对我不起作用。请指出我的错误,因为我不明白哪里出了问题。这是我看到的错误:UncaughtTypeError:this.props.onClickisnotafunction这是我的代码://PARENTvarSendDocModal=React.createClass({getInitialState:function(){return{tagList:[]};},render:function(){return({this.state.tagList.map(function(item){return()})})},HandleRem

javascript - 与 react/redux 共享 actions 和 reducers

我仍然是一个react/redux菜鸟。在一页上,我有大量的文本输入。一段时间后,我开始注意到我的操作文件具有做同样事情但输入不同的函数:exportfunctionsetInputName(string){return{type:'SET_CURRENT_NAME',payload:{value:string}};}exportfunctionsetInputCity(string){return{type:'SET_CURRENT_CITY',payload:{value:string}};}我的reducer看起来像:exportfunctioncurrentName(state

javascript - 无法读取配置文件 .eslintrc.json 错误 : Unexpected token }

我正在为我的ReactJSES6项目探索EsLint,但我立即陷入困境。我创建了一个与here完全一样的.eslintrc.json:{"parserOptions":{"ecmaVersion":6,"sourceType":"module","ecmaFeatures":{"jsx":true},},"rules":{"semi":2}}我现在该怎么办?Cannotreadconfigfile:/Users/eric/af/frontend_app/.eslintrc.jsonError:Unexpectedtoken}SyntaxError:Cannotreadconfigfil

javascript - { React jsx babel es6 webpack } 如何在 render 中评论 ( return (//||/**/) )?

我上周开始了一个项目。在回到我的团队之前,我想评论一下我的代码。/*JustfortheSyntaxoutlook*/classFooextendsReact.Components{constructor(props){super(props);}render(){return(/*cannotcommit!!!!**Followingwillthrowerrorwhenbundledwithwebpack*///Thisthrowserroraswell.)}}代码可能看起来像评论一样有效,但当前JSbin的设置未在ES6上设置。当您使用jsx通过webpack运行bundle时,它