草庐IT

react-promise

全部标签

javascript - Angular react 形式 : Dynamic Select dropdown value not binding

我有两个数据数组:AssociatedPrincipals(以前保存的数据)和ReferencePrincipals(要填充到下拉控件中的静态数据)。我正在努力从AssociatedPrincipals获取以前的值,以便在页面加载时以动态数量(大多数示例使用单个下拉列表)的下拉列表显示/选择。我不确定如何设置表单(代码隐藏和HTML),尤其是设置Select的formControlName。目前,每个下拉列表中的静态值都会填充,但我无法让选择的值正确绑定(bind)。publicngOnInit(){this.factsForm=this.formbuilder.group({asso

javascript - 在 React 中使用 htmlFor 传递 eslint html-has-for

我有一个无状态的React组件,如下所示:constpropTypes=exact({fieldId:PropTypes.string.isRequired,text:PropTypes.string.isRequired,});functionLabel({fieldId,text}){return({text});}Label.propTypes=propTypes;我正在使用通过airbnb配置扩展的eslint。我的eslint看起来像这样:{"extends":"airbnb"}我的React代码抛出这个错误:errorFormlabelmusthaveassociatedc

javascript - 在 firebase 云函数中返回多个异步函数的 promise ?

所以我有一个调用2个异步函数的Firebase云函数。exports.someFunction=functions.firestore.document('some/path').onCreate(event=>{asyncFunction1();asyncFunction2();});asyncFunction1和asyncFunction2都返回一个promise。现在,Firebasedictates我们应该Resolvefunctionsthatperformasynchronousprocessing(alsoknownas"backgroundfunctions")byre

javascript - 计算属性对 VueJS 中的 window.innerwidth react

基本上,我需要的是一个计算属性,当window.innerwidth等于或小于768px时返回true,当false时返回false它高于768px。我做了什么:computed:{isMobile(){if(window.innerWidth但这只计算该属性一次,如果我稍后调整窗口大小,它不会对更改使用react。我能做什么? 最佳答案 像这样向窗口添加一个事件监听器:newVue({el:"#app",data(){return{windowWidth:window.innerWidth}},mounted(){window.a

javascript - 如何按 es6/React 中的特定字段对 map 进行排序?

我有这张map,我想按“id”值排序:{products.map(({id,headline})=>(id={id}headline={headline}))}我该怎么做? 最佳答案 假设id是一个数字,您可以执行products.sort(({id:previousID},{id:currentID})=>previousID-currentID)像这样:JavaScript代码:{products.sort(({id:previousID},{id:currentID})=>previousID-currentID).map((

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 - jQuery Deferred/Promises 动态数组未按正确顺序执行回调

感谢您深入了解我在这里的误解。我的要求如下:我有一个URL数组。我想同时为每个URL发出AJAX请求,并在第一个请求完成后立即调用第一个回调。然后,如果第二个请求完成,则调用该回调,依此类推。选项1:for(vari=0;i显然这行不通,因为无法保证响应将按正确顺序完成。选项2:varpromises=[];for(vari=0;i这应该可行,但缺点是它会等到所有AJAX请求完成后,才会触发任何回调。理想情况下,我应该能够在第一个回调完成后立即调用它,然后链接第二个回调以在收到该响应时执行(或者如果它已经解析则立即执行),然后是第三个,依此类推。数组长度是完全可变的,并且可以在任何给定

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 - AngularJs:返回嵌套 $http 的 promise - 已经找到解决方案,但为什么它有效?

这个问题在这里已经有了答案:Aren'tpromisesjustcallbacks?(11个答案)关闭7年前。我想构建一个嵌套的$http.get,在第一个成功之后,然后请求第二个。然后我想出了这样的东西:$http.get('/xxx').then(function(response){$http.get('/yyy').then(function(response){//dosomething})});但毕竟我想返回一个Promise,这样我就可以正确地组织我的代码。显然上面的代码不能满足我的需求。然后我对$q.all()做了很多研究,但实际上对于$q.all,第二个请求不会等待第

javascript - 链接两个异步 jQuery 函数时如何完全避开 jQuery promise ?

我看过很多关于新的EMCApromises的教程,它们提倡避免使用jQuery库中的“promises”。他们通常说您可以通过执行以下操作来躲避他们:Promise.resolve($.getJSON(url,params));//voila!thejQuerypromiseis"gone"!但是,当我必须将两个异步jQuery函数链接在一起时,这实际上不起作用。我如何在不使用jQuery的then()或.when()的情况下将两个getJSON调用(第二个调用取决于第一个调用)链接在一起?相反,我只想使用Promise.all等。我认为一个类似的问题会交织jquery和EMCApro