草庐IT

react组件中方法调用

全部标签

javascript - react .js : data not getting populated

我正在React.js网站上做教程。这是我的代码:HelloReact/***@jsxReact.DOM*///Theabovedeclarationmustremainintactatthetopofthescript.//YourcodeherevarcommentsData=[{author:"PeteHunt",text:"Thisisonecomment"},{author:"JordanWalke",text:"Thisis*another*comment"}];varCommmentBox=React.createClass({getInitialState:functi

javascript - 如何从剑道模板绑定(bind)调用父方法?

我有以下fiddle.我正在尝试为数组汽车中的每个元素调用父方法lowestMpgMsg。我曾尝试使用以下绑定(bind)但没有成功:data-bind="text:lowestMpgMsg()"data-bind="text:parent.lowestMpgMsg()"data-bind="text:parent().lowestMpgMsg()"data-bind="text:parent().lowestMpgMsg"谢谢!这是我的html---这是我的javascriptvarviewModel=kendo.observable({cars:[{brand:"Toyota",m

javascript - 如何从另一个调用 ES6 类中的一个方法?

如果我有这样一个javascriptES6类:import$from"jquery";exportclasstest{constructor(){this.es6='yay';}writeLine(text){console.log(text);}getTestData(){writeLine('writeLinecall');//我从另一个文件导入类并调用getTestDataSystem.import('app/classDefinition').then(function(classDefinitionModul){vartest=newclassDefinitionModul.

javascript - 调用函数时 Angular ng-keyup 不起作用

我有这个代码:它不会调用搜索功能,因为如果我执行ng-click="search()"它会起作用。这是为什么? 最佳答案 ng-keyup对我来说非常好。有关示例,请参见此fiddle:http://jsfiddle.net/r74a5m25/代码:Hello:functionMyCtrl($scope,$log){$scope.search=function(){alert('test');};}确保您拥有最新版本的Angular以便使用ng-keyup。看起来它从版本1.0.8开始可用。

javascript - 使用 React.JS 检索和缓存 SVG 节点边界框​​的最佳方法

我正在渲染带有标签的SVG组件。这些标签组件需要根据它们的文本内容(以及它们的大小)正确布局,以避免相互重叠。要获得每个标签的真实大小,似乎每次更新标签内容时都需要双重渲染。在标签组件级别,我需要第一次渲染检索真实SVGDOM节点的边界框出于性能原因缓存边界框重新渲染组件以根据其缓存的边界框调整标签位置然后,在每次重绘时:根据缓存的边界框渲染比较之前和更新的props之间的标签内容,如果有变化:更新并缓存标签边界框根据更新和缓存的边界框重新渲染到目前为止,这是我实现标签组件的方式:varLabel=React.createClass({updateBBox:function(){//T

javascript - 如果调用了 .bind() 函数,是否无法判断函数是否为生成器函数?

似乎在任何生成器函数上调用.bind(this)都会破坏我查看该函数是否为生成器的能力。关于如何解决此问题的任何想法?varisGenerator=function(fn){if(!fn){returnfalse;}varisGenerator=false;//Fastermethodfirst//Calling.bind(this)causesfn.constructor.nametobe'Function'if(fn.constructor.name==='GeneratorFunction'){isGenerator=true;}//Slowermethodsecond//Cal

javascript - React.addons.batchedUpdates API 的用途是什么?

Reactv0.12发布公告包括以下内容:NewFeatures:*React.addons.batchedUpdatesaddedtoAPIforhookingintoupdatecycle但是我找不到此API的任何文档。它的用途是什么?具体来说,它是否有可能与Ember.run()等效? 最佳答案 当响应onClick等综合事件时,组件状态更改是批处理的,因此对同一组件多次调用this.setState只会导致一次渲染。如果您正在更改状态以响应其他一些异步回调(例如AJAX或setTimeout),那么每次调用this.setS

javascript - 如何从 ui-grid 中显示的按钮调用范围方法 - 在 Angular js 中

我想创建一个带有链接的自定义列,并在ng-click上调用$scope方法。ngGrid(HowtocallascopemethodfromabuttondisplayedinngGrid-inAngularjs)有非常相似的问题,该解决方案有效。我正在使用ui-grid,它应该只是ngGrid的更新版本,但它似乎在那里不起作用。这是我的代码:varapp=angular.module('plunker',['ui.grid']);app.controller('MainCtrl',function($scope){$scope.gridOptions={data:[{name:'te

javascript - ASP.NET MVC 5 从 Javascript 错误调用 Controller 方法

我正在尝试从javascript调用Controller方法,但我似乎无法正确执行它。我对javascript的经验很少,并且遵循了其他如何从stackoverflow执行此操作的示例,但我仍然遇到一些问题-如果有人可以提供帮助,那就太棒了。基本上我想做的是将javascript对象上的.data标记设置为Controller上的方法返回的字符串(此方法调用运行SQLServer函数的网络服务)。该方法需要传递一个在函数中使用的参数。代码如下:Javascript代码for(vari=0;iJQuery方法functionCallService(id){$.ajax({url:'@Ur

javascript - React JS this.props.data 未在子组件的 getInitialState 中定义,即使它是在渲染中定义的(并且在父级中定义)

场景:在同一个祖父包装器(->)中重用组件(->)以实现代码重用。首先,我分配了一个数据数组并循环以重新使用子组件(->)。对于第二个,它只是一个对象(具有与数组对象相同的属性),我直接在渲染中分配它(不需要this.props.data.map循环,因为已经只有一个对象)。问题:对于阵列,一切都按要求工作。this.props.data传递给child,状态通过各种事件更新,一切都很好。然而,对于单个对象,在之前一切正常.即使this.props.data包含有效值并正确分配给child组件,在的getInitialState,它莫名其妙地未定义(或设置为的getInitialSta