草庐IT

函数组件

全部标签

javascript - 是否可以在一个 react ​​组件中有两种状态

我正在尝试构建一个简单的单位转换器来练习React.js。我希望能够更改一个单位的值,例如:Kg,并让另一个单位,例如:lb在屏幕上自动更改。请看这个网站给你一个想法:http://www.convertunits.com/from/lb/to/kg我有以下代码,它呈现但单位不更新。我想知道的是:一个组件有两种状态是否准确?1表示Kg另一个用于lb或者它们是否需要成为兄弟组件?如果是这样,他们将如何更新彼此的状态?如果可以在同一个组件中同时拥有两个单元的状态,那么我做错了什么?谢谢!(我有一个简单的快速应用程序来呈现页面)importReactfrom'react';exportdef

javascript - 使用具有未定义的成功回调函数的 Bluebird

我正在使用bluebird图书馆结束memcached.memcached.set('foo','bar',10,function(err){/*stuff*/});此函数不会在第二个参数中调用成功回调,因此看起来.then(res)函数不会被调用。Promise.promisifyAll(memcached);memcached.setAsync(hashedCacheKey,obj).then(function(res){resolve(res);}).catch(function(err){reject(err,null);});我有什么办法可以处理未调用的成功事件吗?

javascript - React 组件抛出的错误,被不相关的 promise 的 catch block 捕获

这是我遇到的。在React组件的渲染函数的某处,我有这个:{first_name}{last_name}我用这个替换了它:{first_name.toUpperCase()}{last_name.toUpperCase()}我的应用程序无法再登录。我正在使用Axios与后端对话。Axios是基于promise的。在我进行了上述更改之后。它显然开始执行我的loginAPI调用的then和catchblock。当我在catchblock中打印响应时。functionlogin(data,success,error){axios.post('/login',JSON.stringify(da

javascript - 我如何渲染没有 jsx 格式的 react 组件?

我尝试制作我的“智能”弹出组件,它可以在内部打开一些组件,但我的实现并不好,因为它不起作用。我使用redux方法创建弹出窗口,打开弹出窗口的操作能够在弹出窗口打开之前获取任何组件的名称进行渲染;但我遇到了一些问题,在获取参数后,在我们的例子中是nameOfComponent,我需要选择并渲染名称为nameOfComponent的组件。现在我的问题是,它如何从数组中渲染组件?//He'smycomponentsimportLoginfrom'../Login/login.js';importLogoutfrom'../Logout/logout.js';constpopupContent

javascript - React 组件返回时实际发生了什么?

我注意到组件返回前和返回后的数据存在差异。classAComponentextendsComponent{render(){constbody=debugger//logbodyontheright//...renderasstatichtmltoelectronwindowreturnfalse}}classBComponentextendsComponent{render(){constresultRender=...debugger//logresultRenderontheleftreturnresultRender}}我之前的问题是“Howtoreadrenderedcomp

javascript - 为什么默认参数和函数参数不能同名?

这个问题的简单版本是:为什么下面代码段中的第3个示例中存在未定义的错误?为什么它应该起作用的直觉默认值似乎应该取自“外部”a变量,即值为1的变量。第一个测试表明“阴影”适用于词法范围:函数内部的a仅引用函数内部的a,并且不知道外部a。鉴于此,我看不出为什么第二次和第三次测试不同。在第三个测试中,我碰巧将默认值设置为封闭范围内与函数参数同名的变量,这只是一个巧合。vara=1;varb=100;functiondefaultParamTest1(a){console.log(a+1);}functiondefaultParamTest2(a=b){console.log(a+1);}fu

javascript - 在递归函数中传递常量

关闭。这个问题是opinion-based.它目前不接受答案。想要改进这个问题?更新问题,以便editingthispost可以用事实和引用来回答它.关闭6年前。Improvethisquestion我正在重构一些代码,想知道在递归函数中传递常量时哪种模式内存占用最少且最容易阅读。例如,我可以将每个常量传递给下一个递归函数,但这些参数是常量并不明显:conststartFoo=(myArray,isFoo,isBar)=>{console.log(isFoo,isBar);startFoo(myArray,isFoo,isBar);};或者,我可以有2个函数并在第一个函数的闭包中保留常

javascript - this 在箭头函数中未定义

我试图在我的箭头函数中访问它:importmyObjectfrom'../myObjectPath';exportconstmyClass=Fluxxor.createStore({initialize(){this.list=[];this.id=null;},myOutsideFunction(variable1){//herethisinNOTundefinedmyObject.getMyList(this.id,(myList)=>{//herethisinundefinedthis.list=myList;}});)};但是在回调函数中的箭头函数中,this是未定义的!!我正

javascript - Angular 组件不会显示

我有一段html想要显示为一个组件,因为我没有操作DOM。作为一个指令它工作正常,但作为一个组件它就不行了。我以前制作组件没有问题,只是看不出这里有什么问题。如果我在组件代码中注释掉指令,它就不起作用。知道我做错了什么吗?(function(){"usestrict";angular.module('x.y.z')//.component('triangularStatus',{//bindings:{//value:'=',//dimension:'=?'//},//templateUrl:'/path/to/triangular-status.html',//controller:

javascript - 将一个函数赋值给一个数的成员,为什么不失败呢?

来self的Chrome解释器:a=3;//OK,ofcourse.a.f=function(){return4;};//OK.Toanumber?Oka;//Prints3a.f();//fisnotafunction.a.f;//Undefined当然,a不是对象,我不能将新成员分配给不是对象的对象。但是,为什么解释器吞下a.f分配,如果之后方法或成员甚至不存在? 最佳答案 如果您查看ECMA5.1的8.7.2,您会在底部注意到这条注释:Theobjectthatmaybecreatedinstep1isnotaccessibl