草庐IT

react的refs属性

全部标签

javascript - 无法读取未定义的 Javascript 的属性 'push'

这个问题在这里已经有了答案:TypeError:Cannotreadproperty'push'ofundefined,JavaScript(2个答案)关闭7年前。嗨,我好像无法插入我的阵列?代码:$scope.arrResult=[];dpd.timesheets.get(function(result){console.log(result);for(i=0,n=result.length;i我得到这个控制台错误UncaughtTypeError:Cannotreadproperty'push'ofundefined如果我设置$scope.arrResult[item.week].

javascript - 使用 JavaScript 访问变量对象的属性

我有一个如下所示的js对象:varobject={"divisions":{"ocd-division/country:us":{"name":"UnitedStates",}}};我想访问嵌套对象“ocd-division/country:us”(又名“name”)下列出的属性,但我遇到的问题是"ocd-division/country"是一个变量对象。就像它可能是加拿大或其他国家的“:can”。我的问题是,即使它是可变的,我仍然可以访问该对象下的名称属性吗?我在下面写了我想出的代码,但它按字面意思调用了对象,所以它不能解释对象名称的变化。varcountry=document.ge

javascript - 连接对象属性的值返回 NaN (Javascript)

我有一个具有多个属性的对象,每个属性都有一个字符串值。当我尝试连接每个属性的值时,它返回NaN。varurlProps={searchTerm:"searchSTUFF",baseURL:"https://en.wikipedia.org/w/api.php?action=query&prop=extracts&format=json&exsentences=1&exlimit=10&exintro=&explaintext=&titles=%20&generator=search&gsrsearch=",tailURL:"&rawcontinue=&callback=?",final

javascript - 使用 React-Native 运行自定义 Babel 转换

我需要使用babel-plugin-transform-decorators-legacy和React-Native来启用@decorators。如何配置React-Native/Babel来实现这一目标?这与我之前关于如何让@decorators在React-Native中工作的问题有关:https://stackoverflow.com/a/34271636/941058 最佳答案 使用官方Babel预设安装官方BabelpresetsforReactNativeapplications:npmibabel-preset-rea

javascript - 如果连接到未更改的商店,React componentDidUpdate 方法不会在继承的 Prop 更改时触发

我想让我的组件知道是否已经加载了一些库。要知道从任何上下文我都将它连接到我商店的“库”reducer到我的组件。我还从调用组件的父级向它传递一个配置对象this.props.dataObject。像这样:classGoogleButtonextendsComponent{render(){if(this.props.libraries.google){return}else{returnnull}}componentDidUpdate(){gapi.interactivepost.render('sharePost',this.props.dataObject)}}functionma

javascript - react 变化检测

我正在研究变化检测机制,但我在使用reactjs案例时遇到了一些麻烦。当在React组件中更改props时,该组件将“重新渲染”(不完全正确,因为差异算法,但想法就在这里)。我知道当某事发生时,React浏览其内部虚拟DOM以检查新值是否与之前的值相同,并根据需要重新渲染其真实组件树。我的问题是:这是什么东西。例如,使用angular2,我们有zone.js允许捕获异步内容(按钮点击、setTimeout等...)并触发更改检测。但是现在,我完全不知道它是由reactjs触发的。你能帮帮我吗? 最佳答案 试着想象这里有两件事:组件(

javascript - 如何让 child 输入 react

我正在尝试制作我自己的Tabs组件,以便我可以在我的应用程序中使用标签。但是,我似乎在尝试按类型提取我需要的子组件时遇到了问题。importReactfrom'react'exportclassTabsextendsReact.Component{render(){letchildren=this.props.childrenlettablinks=React.Children.map(children,x=>{console.log(x.type.displayName)//Alwaysundefinedif(x.type.displayName=='TabLink'){return

javascript - 多个 react 表单输入禁用 onSubmit

我有一个按预期工作的非常简单的示例:https://jsfiddle.net/x1suxu9h/varHello=React.createClass({getInitialState:function(){return{msg:''}},onSubmit:function(e){e.preventDefault();this.setState({msg:'submitted'})},render:function(){return({this.state.msg})}});但是,当添加另一个表单字段时,按下回车键时不再触发onSubmit:https://jsfiddle.net/ny

javascript - react 性能 : bind vs anonymous function

我想知道在React组件中使用bind和匿名函数之间是否存在性能差异。具体来说,以下一项是否比另一项更高效?constMyComponent=({myHandler})=>{...return(helloworld);}constMyComponent=({myHandler})=>{...return({myHandler(this,foo,bar)}...>helloworld);}这个问题与possibleduplicate不同,因为possibleduplicate问题的答案集中在内存占用上。 最佳答案 首先,您设置问题的方

javascript - 将项目数据传递给 react 模态

我有一张map,只渲染了几个项目,其中一条线在下面this.setState({"openDeleteModal":true)}>Delete显然我想在用户点击删除时打开一个模式,但我必须传递一些东西,比如项目的名称、项目的id来执行删除。如何将says名称传递给模态?我可以像这样将obj名称绑定(bind)到a删除我走在正确的轨道上吗? 最佳答案 在React应用程序上工作时,尽量不要考虑将值传递给其他组件,而是更新组件所暴露的状态。在您的示例中,假设您的模态组件是您的a标签列表所属的同一组件的子组件,您可以设置您有兴趣在状态上公