草庐IT

修改组件properties

全部标签

javascript - 组件在更新时消失

我正在我的ReactNative应用程序中实现一个单词搜索工具。我有一个MobX商店,wordStore。每个文本更改都会通过setFilter操作触发数据库查询。正如我从控制台调试输出中看到的那样,这一切都在幕后工作。但是,一旦触发任何更新,WordList组件似乎就会消失,即,如果我设置默认过滤器字符串,它会显示列表中的匹配项目,但一旦任何文本发生更改,它就会立即消失消失。有什么我想念的吗?奇怪的是WordList.render()方法即使不可见也会执行。编辑:渲染数组的.toString()方法在包含组件中工作正常,但奇怪的是迭代数组也显示相同的行为,在更新时消失。包含组件:co

javascript - 人们更喜欢使用 React 组件的构造函数而不是 componentWillMount 有什么原因吗?

我发现使用生命周期方法componentWillMount来设置初始状态...componentWillMount(){this.state={comments:[]};}...比使用构造函数稍微简单一些。即因为当您使用构造函数时,您有调用super()。constructor(){super();this.state={comments:[]};}不仅如此,如果您的组件传递了props和/或state,那么您还必须手动传递它们。constructor(props,state){super(props,state);...}我在使用componentWillMount时没有遇到任何问题

javascript - Angular 4 : changing url, 但未呈现组件

我正在尝试使用routerLink="selected"从一个组件链接一个组件constroutes:Routes=[{path:'',children:[{path:'account',component:AccountComponent,children:[{path:'selected',component:SelectedComponent,},],},]}];@NgModule({imports:[RouterModule.forChild(routes)],exports:[RouterModule],})exportclassAccountSettingsRoutingM

javascript - 在ajax调用后 react 组件状态变化但不重新渲染组件

在这一部分,用户可以对帖子发表评论。在服务器端检查并收到数据后,我尝试更改this.state.comments值。这样就完成了。但问题是,它并没有改变组件的评论部分。我已经阅读了之前关于重新渲染的问题,所以请不要标记为重复。下面是代码:$.post("requests.php",{requestKey:'newComment',commenterUser:commenterUser,commenterEmail:commenterEmail,theComment:theComment,pnum:pnum},function(data,status,xhr){if(status=='s

javascript - 如何在 JavaScript 中没有大量 if 语句的情况下避免 "the property of undefined"错误?

我经常发现自己在处理像这样的深层物体:varx={y:{z:{a:true}}}代码中的某处:if(x.y.z.a===true){//dosomething}在某些情况下,任何x、y、z变量都可能未定义,在这种情况下,您会得到“无法读取未定义的属性*”可能的解决方案是:if(x&&x.y&&x.y.z&&x.y.z.a===true){//dosomething}jsfiddle:http://jsfiddle.net/EcFLk/2/但是有没有更简单/更快捷的方法呢?内联解决方案(不使用特殊功能)会很棒。谢谢。 最佳答案 不,你

javascript - 更改状态时延迟加载 Angular 组件脚本

这个问题在过去一天左右一直存在。我一直在尝试让我的AngularJS应用程序延迟加载每个状态组件的脚本文件。我正在使用Angular进行一个大型项目,并且index.html文件已变成超过100个标签包括各种Controller、服务和库的JS。它们中的大多数都很小,所以加载时间并不是一个大问题(尽管它可能是),但它对我来说从来都不是干净的。也许是因为我已经习惯了PHP的自动加载器,或者刚刚被所有可以在编译时加载自己的依赖项的语言宠坏了。必须在应用程序的根文档中为一些次要的、边缘状态的指令加载脚本,或者如果指令实际属于的模块在没有的情况下移动到另一个应用程序中时不加载脚本本身,这不是模

javascript - Mocha 测试 : Uncaught TypeError: Cannot read property 'status' of null

学习TDD和我对“HelloWorld”服务器响应的第一个简单测试在Mocha中失败了。我正在使用Mocha.js、Superagent和Expect.js。当我curl-ilocalhost:8080时,我得到了正确的响应和状态代码。HTTP/1.1200OKContent-Type:text/plainDate:Mon,27Apr201517:55:36GMTConnection:keep-aliveTransfer-Encoding:chunkedHelloWorld测试代码:varrequest=require('superagent');varexpect=require('

javascript - Angular 2 - 如何将 id 属性设置为动态加载的组件

我正在使用DynamicComponentLoader加载子组件,它会生成以下html:Childcontenthere这是我在父组件中加载组件的方式ngAfterViewInit(){this._loader.loadIntoLocation(ChildComponent,this._elementRef,'child');}如何将id属性添加到子组件,以便它生成以下html:Childcontenthere 最佳答案 如果可能的话,我会向ChildComponent添加一个字段并将id绑定(bind)到它:@Component(

javascript - angular 2模型驱动的嵌套表单组件

我有什么:我正在构建一个ionic2应用程序并构建了一个基本的angular2组件,其中包含一个输入框显示输入标题的标签显示任何验证错误的标签我将把它称为我的输入组件我有一个带有表单的页面组件,目前有文本输入。1个常规输入(密码)和1个包装在我的输入组件(用户名)中的输入。这是我页面组件的相关部分ngOnInit(){this.loginForm=this.formBuilder.group({username:['',Validators.required],password:['',Validators.required]});}这是页面组件模板PasswordThisfieldi

javascript - 检索和修改 XMLHttpRequest 的内容

我正在为Firefox、Safari、Chrome开发一个浏览器插件,它将拦截页面上的数据,针对正则表达式运行它,然后如果它匹配-重新格式化它。我使用以下方法处理页面加载:varmeth={replaceInElement:function(element,find,replace){//iterateoverchildnodesandreplace},run:function(evt){//docisthedocumentthattriggered"run"eventif(!(evt.target.nodeName==="#document")){return;}vardoc=evt