草庐IT

new_child

全部标签

javascript - 如何使用 React.cloneElement 克隆多个 child ?

我尝试像这样克隆React元素,将父props传递给它们(此示例中未分配props):React.createElement('div',{style:this.props.style},React.cloneElement(this.props.children,null))然而,这会返回以下错误:UncaughtInvariantViolation:Elementtypeisinvalid:expectedastring(forbuilt-incomponents)oraclass/function(forcompositecomponents)butgot:undefined.如

Javascript 在 Child 中调用 Parent 构造函数(原型(prototype)继承) - 它是如何工作的?

我知道它有效,但我不知道为什么以及如何。机制是什么?//ParentconstructorfunctionParent(name){this.name=name||"Thenamepropertyisempty";}//ChildconstructorfunctionChild(name){this.name=name;}//Originaly,theChild"inherit"everythingfromtheParent,alsothenameproperty,butinthiscase//IshadowingthatwiththenamepropertyintheChildcon

javascript - React 中的 new Date().getFullYear()

我正在尝试在页脚中显示当前年份并试图找出如何获取当前年份的React方式?有没有办法使用newDate().getFullYear()? 最佳答案 您需要将纯JavaScript放入{}中。这对我有用:classHelloMessageextendsReact.Component{render(){return{(newDate().getFullYear())};}}ReactDOM.render(,mountNode);编译后的版本是:classHelloMessageextendsReact.Component{render(

javascript - JS : new Date() is not accepting date string in my own locale (d/m/y)

我的浏览器(即我的操作系统)应该知道我在澳大利亚以及正确的日期格式是什么。在这种情况下,d/m/y,而不是m/d/y。但是,如果我运行以下代码:alert(newDate("21/11/1968"))结果是“1969年9月11日星期四”。它认为月份在前,并相应地进行调整。这是为什么?答案是始终使用通用格式作为日期函数的输入,还是有办法告诉浏览器期望以我的语言环境格式输入日期? 最佳答案 将日期字符串转换为可提供预期结果的格式(“yyyy/mm/dd”或“yyyy-mm-dd”)非常简单:newDate("21/11/1968".sp

javascript - JavaScript 中的 '+new' 是什么意思?

查看函数now()中的jQuery源代码,我看到以下内容:functionnow(){return+newDate;}我从未见过像这样在new运算符前面添加加号运算符。它有什么作用? 最佳答案 Nicolás和Brian是对的,但如果您对它的工作原理感到好奇,+newDate();等同于(newDate()).valueOf();,因为unary+operator获取其操作数表达式的值,然后将其转换ToNumber.您可以在任何对象上添加valueOf方法,并使用一元+运算符返回对象的数字表示,例如:varproductX={val

javascript - 如何对所有路由 Root 和 Child Routes 使用 angular 6 Route Auth Guards?

如何为所有路由Root和ChildRoutes使用angular6RouteAuthGuards? 最佳答案 1)[创建守卫,文件名类似于auth.guard.ts]nggenerateguardauthimport{Injectable}from'@angular/core';import{CanActivate,ActivatedRouteSnapshot,RouterStateSnapshot}from'@angular/router';import{Observable}from'rxjs/Observable';impor

javascript - Webkit 错误 : Overflow auto triggered after resizing a child element to matching size

我有以下简单设置:document.getElementById('inner').addEventListener('click',({target})=>{target.classList.add('match');});#container{background:green;overflow:auto;width:200px;height:100px;}#inner{width:210px;height:110px;}#inner.match{width:200px;height:100px;}单击内部元素后,我希望父元素上的滚动条消失,因为这两个元素现在具有匹配的大小。这在Fi

javascript - 将 JavaScript 构造函数作为函数调用是否存在问题(没有 new?)

最近,我养成了调用RegExp、String、Number、Object、TypeError等而不使用“new”的习惯。例如:throw(TypeError("Error"));varregex=RegExp('^word$');我知道这对于需要“this”上下文的情况是不利的,因为没有“new”,“this”会对你的全局范围造成严重破坏,除非你将你的代码包装在'usestrict'中,在这种情况下它会引发您试图改变“未定义”的错误。(我不确定这是否适用于非常非常旧的浏览器)。例如:varconstructor=function(){//'usestrict';/*uncommentt

javascript - Firebase,以 "a child exists"作为条件进行查询?

我有一个这样的数据库(附照片):行程有BIDS和awardedBid。我使用awardedBid!=null来确定行程是否仍可用于出价。但是,我不知道如何查询该条件,所以我必须通过创建另一个字段bidDone来破解,这样我就可以使用.equalTo,就像这样mRootReference.child(CHILD_TRIPS).child(mTripKey).orderByChild(BID_DONE).equalTo(true)但是,当我不得不使用2个键来表示一件事时,我觉得这是不安全的,因为它很容易出错(我确实在随附的屏幕截图中自己创建了一个,其中bidDone=false应该在哪里真

javascript - Reactjs 将方法作为 Prop 传递给 child

有没有办法将当前类的方法作为props传递给子类举个例子;varSignupModal=React.createClass({mixins:[CheckMixin],getInitialState:function(){return{'wizardstate':0}},setWizardState:function(state){varthat=this;switch(state){case0:that.setState({'wizardstate':0});break;case1:that.setState({'wizardstate':1});break;case2:that.se