问题标签 [refs]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
3 回答
95 浏览

javascript - 我无法在反应中读取 dom 元素的属性“ref”

ref表单验证后我无法读取属性。结果是undefined,我不明白为什么。

}

0 投票
0 回答
3044 浏览

javascript - 在 Vue.js $refs 中,如何将 $refs 引用值作为变量传递给使用它的方法?

我想做类似以下的事情:

在这种情况下,变量 'elHrefName' 只是一个传递的字符串,其中包含在 vue $ref 对象中引用的实际 ref 值的字符串形式。我不确定如何将在函数中传递的字符串变量转换为 dom 引用的一部分,在本例中是 Vue.js $refs 属性中的 dom 引用。

0 投票
0 回答
303 浏览

javascript - 隐藏嵌套在 React 组件中的 HTML 元素

我有一个表格,它显示为通过表单从前端对我的后端进行 API 调用的结果。问题是每行数据都会生成标题,从而产生冗余。

我研究refs了一种访问HTML元素的方法。

所以你可以看到我ref在标签中创建或使用了一个属性,<thead>然后在handleSubmit函数中使用它

我相信虽然这会导致thead元素上的所有其他属性都被撕掉,并仅用display: block属性和值替换它们。

所以我的问题是:这是你会用 refs 做这件事的方式吗?我研究了许多add/remove专门针对 react 的类方法,因为我知道它们是一个必须解决的许多 DOM 安装生命周期问题。但是对一个人必须经历的所有箍感到有点惊讶。有人可以指导我什么是最好的/反应式的方法吗?

在此先感谢![在此处输入图像描述] 1

更新 我实际上发布了代码,试图隐藏然后显示thead标签的显示属性。我描述的行为是如果thead在方法中返回了render

0 投票
1 回答
1244 浏览

javascript - Vue `$refs` 问题

我在这段代码中有问题

我试图访问里面的道具$refs得到我undefined,为什么?

0 投票
1 回答
470 浏览

ocaml - 如何在ocaml中附加两个可变列表

这就是我到目前为止所得到的,目标是将 l2 附加到 l1 我可以遍历到 l1 的末尾并用 l2 替换 ref ......这就是我想要做的。但由于某种原因,我失去了在那之前的一切。

任何帮助将不胜感激,谢谢

0 投票
1 回答
22042 浏览

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

单击 span class="before-click" 时,
我希望将其隐藏,并改为显示 input class="after-click"。
并且显示的输入标签必须集中!
问题是当我尝试使用 $refs.afterClick 访问该 DOM 并为其提供 .focus() 时,出现意外错误表明 .focus() 不是函数。
如何解决这个问题?谢谢。

0 投票
1 回答
787 浏览

reactjs - 在反应组件内部的 div 上使用 ref 时出现错误'ref is not a prop'

所以我使用 refs 的主要目的是让我可以重置可滚动 div 的滚动位置,这是添加内容之前 div 的图像这是在将 div 动态添加到可滚动容器 div 之前的样子

这是添加框后 div 的屏幕截图: 框是在视口之外创建的,并且是在可滚动区域的顶部创建的

因此,为了能够保持可滚动区域顶部的视口,我希望使用 refs 来执行 ReactDOM.findDOMNode(this.songIdWrapper) 然后操作 scrollTop 或使用 scrollTo 方法。

请在下面找到代码片段:

我得到的错误消息是: 这是指出 ref 不是道具的错误消息

所以我对反应很陌生,据我所知,这是 div 元素上的一个属性,没有作为道具传递给组件。所以我希望你能看到我的困惑,因为当我搜索 google/stack-overflow 时,我看到了很多与子组件相关的评论。我完全知道字符串引用已被贬值,应该使用回调,但无论我尝试什么,我都无法摆脱这个错误消息。

任何帮助将不胜感激。

0 投票
2 回答
294 浏览

reactjs - 如何在 React es6 的多步注册中使用 ref?

我正在尝试开发多步注册,参考此链接:https ://www.viget.com/articles/building-a-multi-step-registration-form-with-react

但我不能使用 refs 也不知道如何解决这个问题。

这是我每次单击“下一步”按钮时收到的错误消息 错误消息

这是我的代码

依赖项:

有人可以帮忙吗?

谢谢,

0 投票
1 回答
877 浏览

javascript - 在反应轨道中传递道具并设置参考

我正在尝试构建一个简单的 Rails 后端并响应前端博客应用程序。一切都很顺利,直到我尝试编辑帖子时才开始编辑操作。我无法设置 propTypes 并在表单中使用 refs。我收到以下错误

我正在使用 react-rails gem

这是我的控制器编辑和更新操作

结尾

这里edit.html.erb

下面是位于 assets/javascripts/components 中的 EditPost 组件

这是我的 github 存储库(https://github.com/Hano1388/react-rails-blog),请随意克隆它以查看我遇到的错误。谢谢,感谢您的帮助

0 投票
0 回答
74 浏览

mongodb - MongoDB (mongoose) 关于 refs

谁可以举例说明如何从另一个模式中获取用户数据(例如 useravatar),而我读到了 refs 并且我无法理解。

这是我的代码,但我不仅想发回文章,还想发回有关作者的个人资料数据。我怎样才能做到这一点 ?我已经为此设置了 authorID。

文章架构

用户架构