useRef.current.contains不是一个函数
是因为useRef返回的是一个可变的 ref 对象，而 ref 对象的 current 属性指向了被 useRef 调用时的传入参数。所以，如果你想要使用ref对象引用的DOM元素上的方法，你应该通过ref对象的current属性来访问该DOM元素，并且再使用该DOM元素上的方法。
在 React 中，useRef可以用来保存一个可变的值，就像在类组件中使用实例变量一样。除了用来引用DOM元素外，useRef还可以在函数组件中模拟实例变量的作用，保存任意可变值。
例如，如果你想检查一个DOM元素是否包含另一个DOM元素，你可以使用useRef来引用这两个DOM元素，并通过current属性来访问它们。然后，你可以使用DOM元素的contains方法来检查一个元素是否是另一个元素的后代。
示例代码：
import React, { useRef } from 'react';
function MyComponent() {
const element1Ref = useRef(null);
const element2Ref = useRef(null);
const handleCheckContains = () => {
if (element1Ref.current && element2Ref.current) {
const isContains = element1Ref.current.contains(element2Ref.current);
console.log('Element 2 is contained within Element 1:', isContains);
}
};
return (
<div>
<div ref={element1Ref}>Element 1</div>
<div ref={element2Ref}>Element 2</div>
<button onClick={handleCheckContains}>Check Contains</button>
</div>
);
}在这个例子中，我们创建了两个div元素，并使用useRef来引用它们。当点击"Check Contains"按钮时，会调用handleCheckContains函数，该函数检查element1Ref引用的div元素是否包含了element2Ref引用的div元素，并在控制台输出结果。
以上是关于useRef.current.contains不是一个函数的解释和示例。如果你需要了解更多关于React Hooks和其他相关概念的信息，可以访问腾讯云的React Hooks文档：React Hooks - 腾讯云
相关·内容
如果我在另一个函数中使用map或filter，该函数会变成高阶函数吗？例如：
removeSpaces :: String -> String
removeSpaces xs = filter (not . isSpace) xs
removeSpaces是高阶函数吗？
浏览 0提问于2012-02-08得票数 1
回答已采纳
1回答
我在solidity的一个项目中工作，我正在将一个字符串编码为SHA256散列值，现在我想解码SHA256散列值并检索实际数据。请帮助hoe做这件事。 下面是我用来散列字符串的代码。 pragma solidity ^0.4.26;
contract TestShaAlgo {
function getSha256(string str) public view returns (bytes32) {
bytes32 hash = sha256(abi.encodePacked(str));
return hash;
}
}
浏览 10提问于2019-05-14得票数 0
回答已采纳
2回答
请原谅我的无知，但我并不真正理解以下几点：
Function instanceof Object
它返回true。好的。我明白..。因此，Function实际上是一个对象。相反，它是任何函数的构造函数。因此，当您创建一个函数时，您就会创建一个具有prototype的对象，该对象本身就是一个对象，并且prototype持有该函数的构造函数。它继承自Object，因为任何对象都是通过Object构造函数创建的。
但为什么
Object instanceof Function
还回true吗？
浏览 4提问于2014-12-24得票数 0
回答已采纳
2回答
在收到一个NSString后，我想调用一个特定的代码块。我认为一个NSDictionary是最好的联想这些。简化后，我使用的内容如下：
MyProtocol.h：
@protocol MyProtocol <NSObject>
typedef void (^Handler)(id<MyProtocol> obj, id data);
@end
MyClass.h：
@interface MyClass : NSObject <MyProtocol>
- (void)aMethodWithString:(NSString *)string andData
浏览 4提问于2017-09-07得票数 0
回答已采纳
我理解高阶函数是以函数作为参数或返回函数的函数。我还知道装饰器是为其他函数添加一些功能的函数。他们到底是什么。它们是作为参数传入的函数还是高阶函数本身？
注意:如果要给出一个示例，请在python中给出。
浏览 0提问于2020-06-11得票数 7
回答已采纳
2回答
我把一个相当标准的init函数传递给了一个变量。
变量initFunction =函数()..。
这和“函数initFunction(){}”是一样的，不是吗？(内部，JavaScript也会创建一个变量)
如果我在init函数中声明一个函数变量，并在它声明之前调用它，那么它必须是可访问的，因为函数中的所有定义(Var)都是首先初始化的。我以为这是JS的天性。
以下代码不工作(innerFunction未定义)
var initFunction = function(){
if(0 == 0){
innerFunction();
}
var innerF
浏览 1提问于2016-05-04得票数 0
回答已采纳
1回答
目前我有一个使用案例，云监视规则将每5分钟触发一次阶跃函数。如果在单步函数中已经运行了一个执行，我希望有一个跳过开始另一个执行的逻辑。有没有办法做到这一点？
浏览 2提问于2017-10-23得票数 4
2回答
我有一个复制构造函数，如下所示：
Qtreenode(const QtreeNode * & n) {
x=n->x;
y=n->y;
height=n->height;
width=n->width;
element=n->element;
}
我一周前写了这篇文章，今天我回头看了一下，我惊讶地发现，当用swChild=new QtreeNode(*(n->swChild));调用复制构造函数时，cc的论点是一个引用指针，对吧？但是当我调用它的时候，我做了(*(n->swChild))，这意味着那个孩
浏览 0提问于2011-04-02得票数 2
回答已采纳
当我试图向Chargebee提出请求时，我遇到了一个错误
TypeError: this.chargebee.subscription.list不是一个函数
但是，当我试图调试它时，它是定义的：
这是我提出请求的函数：
async test(){
return new Promise((resolve, reject) => {
this.chargebee.subscription.list({
limit: 2,
"plan_id[in]": ["basic", "no_trial
浏览 0提问于2020-07-28得票数 0
1回答
我将一个表单(可以看作是一个“伪选项卡页”)动态地分配给一个tabcontrol。
我是这样做的：
// Main窗体，它在设计时具有TabControl：
private void treeView1_AfterSelect(object sender, TreeViewEventArgs e)
{
int TabControlWidth = tabPageBasicInfo.Size.Width;
int TabControlHeight = tabPageBasicInfo.Size.Height;
if (e.Node.Name == "NodeWha
浏览 0提问于2012-03-23得票数 0
回答已采纳
1回答
TL；我所引用的旧代码不符合C++。令人惊奇的是，这段代码曾经奏效过。不能在构造函数和解构函数中调用虚拟方法。
我和一个同行讨论了virtual关键字在C++中的用法。在一个旧的ubuntu操作系统上，我正在编写一个程序，它报告了关于调用“纯虚拟方法”的错误，而这个错误本不应该发生。
class Base {
virtual ~Base() { this->DoSomethingElse(); }
virtual bool DoSomething() = 0;
virtual bool DoSomethingElse() = 0;
};
class Foo :
浏览 0提问于2018-10-08得票数 0
回答已采纳
我这里有一个react saga代码，它不是按顺序运行的：
<code>A0</code>
这里的问题是在一些中间操作结束之前调用<code>D1</code>，导致在我的组件中发现一个错误
下面是我的完整代码片段：
传奇
<code>A2</code>
减速机
<code>A3</code>
浏览 3提问于2020-06-10得票数 0
当有人进入网站时，我想有一个2的选项:一个用于注册，另一个用于输入/登录。
我做了两个按钮，创建了一个允许表单/输入淡入的函数。
但是当我刷新/输入页面时，它会在没有按下按钮的情况下逐渐消失。
function opc(){
$("#form").hide().fadeIn(1000);}
$("#registar").click(opc());
$("#entrar").click(opc());
到目前为止，这是我编写的唯一的JavaScript / JQuery。#form已经具有显示:没有来自样
浏览 7提问于2017-01-24得票数 0
回答已采纳
我定义了一个javascript继承函数，并尝试继承一个类。
function extends(Child, Parent) {
var F = function(){};
F.prototype = Parent.prototype;
Child.prototype = new F();
Child.prototype.constructor = Child;
Child.uber = Parent.prototype;
}
function MyClass (){
};
MyClass.prototype.doSomeThing=fun
浏览 0提问于2013-05-23得票数 0
回答已采纳
据我所知，在jquery中，当一个方法需要一个函数作为参数时，你不能像这样调用一个预定义的函数：
$('#target').click(myFunction());
...because "myFunction()“将被解析并替换为返回值function...which不再是一个function.You必须把整个函数定义，放在一个匿名函数中：
$('#target').click(function() {
alert('Handler for .click() called.');
});
...so，有没有什么方法可以直接调用需要
浏览 0提问于2011-03-06得票数 3
回答已采纳
我创建了一个用于API访问的库，并为该库使用的常用函数创建了一个单独的帮助器。在codeigniter中，新的库可以通过使用...创建自身的实例来访问本机类。
$example_instance =& get_instance()；
我这样做了，加载了我的帮助器-但每次调用帮助器函数时，我都会收到“尝试访问非对象”错误。我做错了什么？
这是我的资料
<?php if ( ! defined('BASEPATH')) exit('No direct script access allowed');
class api_example {
priv
浏览 5提问于2012-01-01得票数 2
回答已采纳
我有一个抽象类MousableActor，它扩展了一个具体的类Actor。
public abstract class MousableActor extends Actor
{
/**
* Constructs a MousableActor.
*/
protected void MousableActor()
{
}
}
当我查看为类生成的javadoc时，我看到了一个公共的no-args构造函数：
根据
如果类不包含构造函数声明，则隐式声明不包含任何形式参数和抛出子句的默认构造函数。
我一直认为这是个假设和唯一的假设
浏览 5提问于2015-11-21得票数 1
回答已采纳
我有这样的代码：
template<
class T = const int &
> void f(T) {}
void f(const int &) {}
int main() {
f(0);
}
为什么它调用第二个而不是第一个？我会认为它们是相同的，但它们显然不是，因为我没有得到重新定义的错误。
浏览 1提问于2013-02-03得票数 20
回答已采纳
1回答
我正在做一个项目，在我读的一本关于Python的书的末尾，所以如果这本书还没有给你提供信息，我仍然是一个新手。
我正在尝试使用open命令打开一个我知道存在的文件。我知道代码知道文件在那里，因为当我切换到写模式时，它会清除我的文本文件，告诉我它可以找到文件，但它就是不读。为什么会发生这种情况？这是代码-
openFile = open('C:\\Coding\\Projects\\Python\\One Day Project\\BODMAS\\userScores.txt', 'r')
def getUserPoint(userName):
for
浏览 12提问于2016-08-11得票数 2
初始化plivo时，它显示了一个错误->
Uncaught : window.Plivo不是构造函数
var options = {
"debug": "DEBUG",
"permOnClick": true,
"audioConstraints": {
"optional": [{
"googAutoGainContr
浏览 7提问于2019-11-20得票数 1
我可以在成员函数中调用构造函数吗?这是构造函数链接的一个例子吗？构造函数链接在最新的C++版本中有效吗？(就像我们在C#中一样)
浏览 2提问于2012-08-24得票数 0
回答已采纳
我有一个程序，它应该开始改变它的背景色按一个按钮(这不是一个按钮，它是一个<h1>)，但当我按它时，背景不会改变。它应该改变，因为变量的变化，但除此之外，我认为其余的工作。
var onf = false;
setInterval(timer(), 100);
function startUp(){
document.getElementById("Temmie").textContent = "Hi";
turnOn();
}
function turnOn(){
document.getElementById("Tem
浏览 2提问于2017-08-26得票数 1
回答已采纳
1回答
我有一个充满数值的数据。我想应用一个函数(δ)，它需要6个论证。
calls['delta'] = calls[['callput','underlyinglast','strike','yte','rfr','hvol90']].apply(delta,axis=1)
我一直在犯错误
TypeError: delta() missing 5 required positional arguments: 'S', 'K', 't', &
浏览 1提问于2022-05-03得票数 -1
回答已采纳
在这个中，我给出了包/对象的示例：
实现一些功能。
仅通过使其他函数可用于这些函数来定义其他函数。这意味着。我不是编写函数体，而是只编写带有“使用package_name”或“使用package_body”的规范。
我想，使用pak笼/对象实现另一个函数的方式是在某个地方定义的。
我想知道是否有一种方法来定义自己如何使用包/对象。我想要一种实现函数的方法，而不是每次都编写主体，但只需要在函数使用我的包的规范中编写。
我所要求的类似于java接口中已经实现的函数或c#中的扩展方法。
P.S.：我不认为这个标题很清楚。如果有人提出另一个标题，我会很高兴的。
浏览 3提问于2022-07-06得票数 0
1回答
我是一个非常新的程序员，已经在remix上得到了一个可靠的任务，但是我无法解决这个错误。
警告:函数状态的可更改性可以限制为纯-> new.sol:27:1:而今，公共视图返回(字符串内存){ string ^(相关的源部分从这里开始，跨越多行).
这是我的密码
contract ParentVehical{
//start vehicle
function startVehicle() public view returns( string memory){
string memory start = "The vehicle has just started"
浏览 0提问于2021-07-13得票数 1
回答已采纳
1回答
考虑一个子类的构造函数。如果此构造函数没有调用其超类的构造函数作为第一个语句，那么在其执行过程中会发生什么情况。
我的答案(我想验证它是否正确)：
如果子类没有调用超类中的构造函数，那么将使用超类中的默认构造函数。如果没有默认的构造函数，那么代码将无法编译。
浏览 2提问于2011-08-11得票数 0
我正在编写一个简单的程序，并得到了一个问题，我一直在谷歌，但无法解决它。error C2064: term不计算为接受0参数的函数、类类型对象的错误(活动) E0980调用，如果没有适当的运算符()或将函数转换为指针到函数类型的，则在student.cpp中引用.get_name()函数。你能帮帮我吗?
//school.cpp
#include <iostream>
#include <string>
#include "student.hpp"
using namespace std;
int main() {
Student paul
浏览 11提问于2021-07-16得票数 0
我在nodejs中定义了两个简单的函数：
function findEntityDetailsAsIs(modelname, callback) {
modelname.find({}, function(error, result) {
if (error)
callback (error, null);
else {
//console.log(result);
callback (null, result);
}
});
};
这是我的第一个函数，另一
浏览 0提问于2017-09-15得票数 2
回答已采纳
1回答
默认参数和空列表初始化
、、、、
考虑下面的代码，其中包含一个简单的类，其构造函数接受一个带有默认值的参数。
// Version 1
template <class T>
struct object1 {
using type = T;
constexpr object1(const type& val = type()): value(val) {}
type value;
};
// Version 2
template <class T>
struct object2 {
using type = T;
constexpr object2(con
浏览 3提问于2018-08-15得票数 5
回答已采纳
1回答
我最近开始学习react，只是为了练习，我尝试做一个登录和注销的事情，在这里我尝试使用条件呈现，我将我的isLoggedIn存储在一个state中，我添加了一个h1，用于显示用户是否登录的信息，以及一个在登录和注销之间切换的button。
我向按钮添加了一个onClick事件，并在单击按钮时更改了状态，但不知怎么的，如果不给出错误，它就无法工作，下面是我的代码：
class App extends React.Component{
constructor(){
super()
this.state = {
isLogge
浏览 3提问于2021-06-08得票数 0
回答已采纳
每当我试图访问不存在的数组的属性时，php都会抛出一个ERROR_NOTICE，其内容如下：
Notice: Undefined offset: BLANK in BLANK on line BLANK
$a = array("a","b","c");
$a[4]; //throws an error
相反，如果我使用isset测试该属性是否存在，则不会引发此错误。
$a = array("a","b","c");
isset($a[4]); //does not throw an error
浏览 1提问于2017-11-28得票数 3
回答已采纳
Monad是一个内切函子范畴中的幺半群。内函子是映射到自身的函子。什么意思？这意味着，无论把集合中的哪个元素作为输入，输出值也必须属于同一个集合。我知道，如果函数的输入是整数，那么函数的输出也必须是整数。
顺便问一下，我们在看哪种方法/函数/函子？它是构造函数被认为是内皮函数吗？或者可能是绑定操作符？如果是后者，那么如何检测输入和输出元素是否属于同一个集合，考虑到我们有多个输入参数而只有一个输出参数？
如果我们假设构造函数是内皮函数，那么当我们处理Maybe结构时，我们接受一个类型并返回一个不同的类型。在这种情况下，我有一些问题：
因为它是一个程序，所以输入和输出类型不应该匹配吗？例如，如果我
浏览 0提问于2022-07-16得票数 2
回答已采纳
1回答
我的主页中有一个Container，它使用带有回调函数onBookPlace的小部件PageView作为子部件。
Container(
child: PageView(
onBookPlace: onBookPlace(
dateStart, dateEnd
),
),
)
在我的PageView中，我有一个函数onBookPlace，当我按onTap时应该调用它
class PageView extends StatelessWidget {
final VoidCallback onBookPlace;
const PageView({Key key,t
浏览 2提问于2020-09-13得票数 0
回答已采纳
1回答
我有一个包含utils方法的文件。每个都是单独导出的。我所处的情况是一个工具需要另一个工具。目前，我在使用函数之前就定义了它们。但是我遇到了ES6的循环依赖，使用它消除了精心组织util函数的需要。有什么理由我不应该使用它吗？
简化例:目前：
export const safeParsing = (str) => {
try { return JSON.parse(str); }
catch (e) { return {}; }
};
export const parseToken = (t) => safeParsing(t);
使用循环dep
浏览 7提问于2020-05-11得票数 3
我正在编写一个Excel函数，我希望它可以选择地将第二个结果写入一个
Public Function foo(A As String, B As String, C As String, Optional optionalRes As Range = Nothing)
...
If not optionalRes is Nothing then
optionalRes.Value="Result!"
End If
End Function
不幸的是，这不起作用我得到这个错误:错误1004 (应用程序定义的或对象定义的错误)在foo的模块fooBar。
我想做的至少
浏览 1提问于2014-05-27得票数 1
回答已采纳
env:centos，gcc 4.8.5代码如下：
#include <iostream>
using namespace std;
class Base{
public:
virtual void Func()
{
cout << "base" << std::endl;
}
virtual void Func2()
{
Func();
}
virtual ~Base() {
Func();
}
};
class Dev :
浏览 1提问于2020-01-20得票数 0
回答已采纳
我正在开发一个react应用程序，在Antdesign中点击下拉菜单(当菜单打开时)，我必须应用mixpanel。现在下拉菜单有一个触发器属性，它需要一个字符串"click“。这可能是javascript中的一个基本概念，但我是Javascript/react的新手，因此任何帮助都将不胜感激。
同时向下传递道具“触发器”到Dropdown，而不是写
trigger="click"
我写了一个返回"click“并具有混合面板功能的函数，但当我传递函数(PropTypes.func)时，它不会像触发器期望的那样工作( PropTypes.string )。
<
浏览 32提问于2019-07-30得票数 2
回答已采纳
假设我有一个R函数f(x)，我只想让它在x的类是数据框或矩阵的情况下工作
如何使用包test来测试任何不是数据帧或矩阵的输入x是否发生错误？
考虑以下示例：
library(checkmate)
library(testthat)
f <- function(x) {
assert(test_data_frame(x), test_matrix(x))
return(dim(x))
}
l <- list()
expect_error(f(l))
为了完成这项任务，我必须为我能想象到的用户可能输入到函数中的每一个可能的输入编写一个测试。我正在寻找
浏览 7提问于2019-11-18得票数 0
1回答
我只是在玩一个python函数，它会自动改变，无法避免无限的递归。在某种程度上，我做了这样的事情：
def mitsos(a):
global mitsos
def takis(f):
def w(*args, **kargs):
ret = f(*args, **kargs)
return ret + 1
return w
mitsos = takis(mitsos)
return a
这出人意料地奏效了。如果我多次调用mitsos(
浏览 2提问于2017-01-30得票数 0
2回答
通过学习cppreference上的C++初始化，我发现了以下内容(作为值初始化“自C++11")：
1)如果T是一个没有默认构造函数的类类型，或者是用户提供或删除的默认构造函数，则该对象是默认初始化的；
2)如果T是一个类类型，它的默认构造函数既不是用户提供的，也不是删除的(也就是说，它可以是一个具有隐式定义的或默认的默认构造函数的类)，则该对象是零初始化的，如果它有一个非平凡的默认构造函数，则为默认初始化；
..。
这意味着类类型可以具有：
否；
用户提供的；
删除；
含蓄地定义；
违约；
默认构造函数
“没有”默认构造函数是什么意思？类类型不是总是至少
浏览 1提问于2017-02-25得票数 2
回答已采纳
5回答
指向函数返回的指针
、、、
假设函数原型如下：
void *function(int arg)。
这是一个指向函数的指针吗？如果是这样，如果它的返回类型是void，它怎么能返回值呢？该函数的说明说明它可能返回正整数或NULL。既然这是两个不同的“类型”，这会是它是void的原因吗？为了避免类型转换？
浏览 0提问于2012-03-22得票数 0
回答已采纳
我正在使用ftw-hourly，特别是on this file，我希望将其转换为一个功能组件(由于我需要使用Mapbox进行一些状态管理-我希望从Mapbox获取一个位置，并使用从搜索中检索到的信息填充表单输入字段)。 但是，在将组件转换为函数式组件时，我遇到了一些问题，不知道应该如何处理getInitialValues。 我的任务可以实现吗？
浏览 12提问于2020-07-21得票数 0
回答已采纳
2回答
我有一个按钮，它调用一个小部件来打开一个自定义对话框：
child: GestureDetector(
onTap: () {
showDialog(
context: context,
builder: (context){
return MovMapAlert(
titulo: "yasiguiendo".tr(),
texto: "dejarsiguiendo".tr(),
aceptar: "dejardeseguir&#
浏览 0提问于2021-11-26得票数 2
回答已采纳
1回答
我想从SQLite表中选择一些行，同时添加一个空字符列，但我得到了一个错误。语句是SELECT firstname，SPACE(100) AS mytext FROM Customers，错误消息是“没有这样的功能:空格”。
我可以在SQL-server中运行相同的命令而不会出现任何问题，在SQLite中我可以选择其他数值列而不会出现问题(例如，选择firstname，8作为Newfield...)，但不选择字符列。
任何帮助都将不胜感激。
问候你，艾伦
浏览 4提问于2011-08-22得票数 0
回答已采纳
我有一个使用钩子useCallback的功能组件。过去几天一切都很好。一切都正常运作。今天我启动了这个应用程序，我有一个错误：
React Hook "useCallback" is called in function "loginPage" which is neither a React function component or a custom React Hook function
这是没有道理的，因为它一直很好。为了调试，我只是删除了页面上的所有代码，只是其中一段代码经过了编辑，甚至只是将一个useCallback模板放在了原来的位置，但仍然一样。
浏览 0提问于2019-04-26得票数 2
回答已采纳
2回答
我想在网页上显示随时间变化的数据。我使用JQuery框架。我使用以下代码作为测试:每秒显示一个不同的随机数。它不起作用。为什么？什么是正确的工作方式？
<html>
<head>
<title>test</title>
<script type="text/javascript" src="jquery-1.3.2.min.js"></script>
<script type="text/javascript">
$(doc
浏览 1提问于2009-09-25得票数 0
回答已采纳
将输入的值保存到localStorage时出现错误
res.html不是一个函数
这是我的代码：
Enter Text: <input type="text" id="inp" onchange="myFunction()">
<div id="result"></div>
<script>
var inp = document.getElementById('inp');
var res = document.getElementById('re
浏览 3提问于2016-02-12得票数 0
回答已采纳
2回答
我遇到了一个问题。我为一个类实现了一个构造函数，但是为什么要隐式地生成其他构造函数，比如复制一个？我想，如果我显式地定义了一个构造函数，那么编译器就不会隐式地生成其他构造函数。我真的希望这是一个VC++特定的东西，并且这段代码不符合ISO:IEC C++11：
class Foo
{
int bar;
public:
Foo(int&& arg) : bar(arg) { cout << "RConstruction" << endl; }
};
int main(int, const char*[])
{
F
浏览 1提问于2014-11-25得票数 1
回答已采纳
5回答
DataContext.ExecuteCommand("DELETE from Table WHERE Date < Now()");
我得到一个错误，为什么Now()不是一个可识别的内置函数名。
浏览 2提问于2010-06-02得票数 3
回答已采纳
1回答
我有一个抽象图(本例中的A)。它有用于其中一个函数的内部类InnerA。我想从这个类派生一个新类(例如B)，并在InnerA周围创建一个包装器，以添加一个应该在B中使用的新字段。
class A {
public:
class InnerA {};
virtual void function(InnerA) = 0;
};
class B : public A {
public:
class InnerB : InnerA {
public:
int new_field = 0;
};
void function(InnerB
浏览 5提问于2021-04-20得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
云直播活动推荐
腾讯云开发者
