草庐IT

ref_count

全部标签

javascript - React - 将 ref 传递给 sibling

我需要2个同级组件,其中1个必须引用另一个-这可能吗?我试过这个:ok甚至这个okthis.refs.btn}/>但是我在这两种情况下都得到了undefined。有什么想法吗?注意:父组件对我不起作用,因为我需要有多组这样的组件,比如不是这样的: 最佳答案 认为这个问题最好由docs回答:IfyouhavenotprogrammedseveralappswithReact,yourfirstinclinationisusuallygoingtobetotrytouserefsto"makethingshappen"inyourapp

javascript - 在 React 样式组件上使用 'ref' 不起作用

我在使用带样式组件的ref时遇到困难。当我尝试像下面这样在我的类方法中访问它们时,出现以下错误:Edit.js:42UncaughtTypeError:this.....containsisnotafunctionconstructor(props){....this.setWrapperRef=this.setWrapperRef.bind(this);this.handleClickOutside=this.handleClickOutside.bind(this);}----------setWrapperRef=(node)=>{this.wrapperRef=node;}ha

javascript - 在不使用 React 中的构造函数的情况下使用 React.createRef 创建 Ref?

基本上,我在React中使用constructor仅出于3个原因-1。初始化state就像-classAppextendsReact.Component{constructor(props){super(props);this.state={counter:0};}}但是由于Babel的class-field支持,我不用了classAppextendsReact.Component{state={counter:0};}2。bind功能如-classAppextendsReact.Component{constructor(props){super(props);this.increm

javascript - Vue - 使用 refs 来聚焦元素目标

点击spanclass="before-click"时,我想隐藏它,而是显示inputclass="after-click"。并且出现的输入标签必须是焦点!问题是当我尝试使用$refs.afterClick访问那个DOM并给它.focus()时,一个意外错误显示.focus()不是一个函数。如何解决这个问题?谢谢。varmyApp=newVue({el:'#app',data:{onEdit:false,msg:'Somethinginhere',},methods:{switchAndFocus(){if(!this.onEdit){this.onEdit=true;this.$re

javascript - 错误 "Uncaught TypeError: Cannot read property ' __count' of undefined"in grid datasource

我最近更新了我的jQuery和KendoUI版本。现在使用jQuery1.12.13和KendoUI2016.3.914(不确定它在他们的公共(public)网站上对应的版本,但可能在R32016左右)。似乎kendo或jQuery对数据格式变得更加严格。我有一个带有数据源的剑道UI网格,该数据源具有type:"json"。这在早期版本中有效但不再适用-它给出了警告:未知的数据源传输类型“json”。验证该类型的注册脚本是否包含在页面上的KendoUI之后。所以我查看了文档并将类型更改为odata。这给出了一个错误:VM94003:3未捕获类型错误:无法读取未定义的属性“__count

javascript - 如何使用 React refs 来聚焦 Redux 表单字段?

我正在尝试使用Reactrefs在安装时聚焦Redux-FormField。当我在componentDidMount中尝试this.refs.title.getRenderedComponent().focus()时,会抛出一条错误消息:edit_fund.js:77未捕获类型错误:无法读取未定义的属性“getRenderedComponent”当我控制台记录this.refs时,它主要是一个空对象,有时将“title”标识为ref,但它不可靠。我是否错误地使用了refs?我的代码在下面供引用。componentDidMount=()=>{this.refs.title.getRend

javascript - react : How to access refs in this. props.children

我想调用一个子组件的函数。是否有可能在React中从this.props.children获取引用。varComponentSection=React.createClass({componentDidMount:function(){//Howtoaccessrefsinthis.props.children?this.refs.inner.refs.specificPanel.resize();},render:function(){return({this.props.children});}});varPanel=React.createClass({resize:functi

javascript - 通过将 refs 设置为变量来 react 查找 DOM 节点?

我正在动态创建多个文本输入(使用动态创建的引用)以及我想用输入更新的文本。我试图通过将ref设置为变量并使用React.findDOMNode(this.refs.Variable).value查找DOM节点来获取输入的值我收到“无法读取null的属性‘值’”错误。我怎样才能做到这一点?函数是这样的:resetUnit:function(e){varrefID=e.target.id;varID=refID.split("-")[0];varValue=React.findDOMNode(this.refs.refID).value;NodesCollection.update({_i

javascript - Angular 2 : how do display character count on reactive form input

我正在使用Angular2响应式表单,我想在用户输入时显示textarea的字符数。我希望能够像这样在我的html中包含表单控件的name.length:BriefDescriptionofIncident{{alaynaPage.incidentDescription.length}}of{{maxIncidentDescriptionLength}}characters这“有效”,但是表单控件的length滞后一次击键。例如,如果我在文本区域中键入a,{{alaynaPage.incidentDescription.length}}为0。如果我随后键入b(因此字符串是ab){{al

javascript - react ,使用 Refs 到 scrollIntoView() 在 componentDidUpdate() 中不起作用

我在我的应用程序中使用Redux,在一个组件内我想在商店发生变化时滚动到特定的div标签。我有Redux部分工作,所以它触发了componentDidUpdate()方法(我已经路由到这个组件View)。据我所知,问题是scrollIntoView()方法无法正常工作,因为componentDidUpdate()具有滚动到顶部覆盖scrollIntoView()的默认行为。为了解决这个问题,我将调用scrollIntoView()的函数包装在一个setTimeout中,以确保稍后发生。我想做的是调用preventDefault()或任何其他更优雅的解决方案,但我找不到从哪里获取触发“s