腾讯云
开发者社区
文档
建议反馈
控制台
登录/注册
首页
学习
活动
专区
圈层
工具
MCP广场
文章/答案/技术大牛
搜索
搜索
关闭
发布
文章
问答
(9999+)
视频
沙龙
1
回答
对子
组件
(
useRef
)
的
React
滑块
滚轮
事件
?
、
、
、
我正在使用
React
slick
滑块
。我想实现轮子
事件
,这样当用户在触控板上滚动时,它就会改变当前
的
幻灯片。我使用
useRef
来引用
滑块
,然后在
事件
侦听器回调中调用函数。当它只是一个子
组件
时,这是很好
的
,但出于好奇,我在初始引用下
的
父
组件
中添加了相同
的
子
组件
。这两个
滑块
都调用了slickNext和slickPrev。是因为我使用
useRe
浏览 33
提问于2020-02-12
得票数 1
回答已采纳
1
回答
如何用道具和状态注释一个反应性功能
组件
?
、
、
我正在构建一个
react
本机应用程序。我有一个父
组件
和一个子
组件
。子
组件
有一个按钮,其
事件
处理程序位于父
组件
中。在
事件
处理程序
的
末尾,我还必须更新子
组件
中
的
特定状态。因此,我使用父
组件
中
的
useRef
钩子来创建子
组件
的
引用。现在,
事件
处理程序函数看起来如下所示 const handleJoin = async
浏览 2
提问于2021-03-30
得票数 1
回答已采纳
1
回答
如何在
React
.js中动态跟踪div
的
宽度/高度
、
、
我需要帮助完成我
的
工作任务:我有一些具有以下样式
的
div块: width: 500px; border: 1px solid #000;resize: both;}import
React
, { useState } from "
react
"; <p>Block
浏览 3
提问于2022-08-05
得票数 0
4
回答
Flickity Carousel - autoPlay在用户交互后停止
、
我有一个Flickity Carousel里面有推荐信。旋转木马设置为自动播放。这就是我所拥有的:var flkty = new Flickity( '.main-gallery', { contain: true, prevNextButtons: true,}); <div class="main-gallery"&g
浏览 3
提问于2018-07-27
得票数 2
2
回答
如何对多个元素使用useSwipeable处理程序?
我试图添加对触摸
事件
的
支持
滑块
输入在我
的
反应应用程序。水龙头和拖曳与裸露
的
反应很好。我唯一需要
的
其他触摸
事件
是onTouchEnd,以确定用户何时完成拖曳
滑块
并提交新值。 我试着用反应-可滑动
的
方式。我不知道我
的
问题是特定于可滑动
的
,还是更一般
的
反应。我已经为onTouchEnd
事件
创建了建议
的
处理程序,它运行得很好,但只适用于一个元素。我正在映
浏览 11
提问于2022-06-14
得票数 1
回答已采纳
1
回答
更改其他
组件
中
的
平滑
滑块
幻灯片
、
、
、
、
我有两个独立
的
组件
。在
组件
A中,我有一些链接,在
组件
B中,有一个平滑
的
滑块
。如何在
组件
A中更改带有链接onClick
事件
的
幻灯片?
浏览 6
提问于2020-05-23
得票数 3
回答已采纳
1
回答
如何让
React
父
组件
访问没有窗体
的
子级状态(带有Sandbox)?
、
、
我目前正在寻找一种从父
组件
访问子state
的
方法,该
组件
将处理整个页面的API调用。Parent是将呈现两个Child
组件
的
父
组件
。 每个Child都有一个它负责
的
状态。“提交按钮
的
类型”将有一个“Submmit操作”(这都是引用
的
,因为这不是一个表单),这应该会触发函数来提供
对子
状态
的
访问。是否有一种方法(一些反应特性)可以做到这一点,而不用使用<form>或创建一个
浏览 2
提问于2019-04-09
得票数 0
回答已采纳
2
回答
应用
组件
onKeyDown未在应用
组件
中触发
import
React
from "
react
"; const
浏览 1
提问于2020-03-21
得票数 0
1
回答
React
/ Error:无法读取未定义
的
属性“addEventListener”
、
我正在试图找出错误
的
来源,我猜useEffect(),但是由于我对
React
非常陌生,我需要花一些时间才能找到它,并提供一些帮助。它正在映射导入
的
组件
(SliderTeaser)。
浏览 2
提问于2022-03-28
得票数 0
1
回答
继承从子到父
的
边框半径
、
、
我正在开发一个作为其他
组件
的
可点击包装器
的
React
组件
,而我遇到
的
问题是,其他一些
组件
具有边框半径,这使得包装器
组件
突出在角落中。我是如何解决这个问题
的
,就是通过一个支柱给包装器相同
的
边框半径,这个方法
的
问题是我不知道某些
组件
的
边界半径。我一直试图通过使用
useRef
()和wrapperRef.current.props.children[0]
浏览 3
提问于2022-10-18
得票数 2
2
回答
如何将
事件
侦听器添加到使用ref访问
的
div元素中?
、
我想使用ref将
事件
侦听器添加到div元素中。我将ref div_ref添加到包装器div中,并在enableDragEventListeners方法中访问该div_ref,以便将
事件
侦听器添加到
组件
挂载上。下面是我
的
代码, const div_ref =
React
.
useRef
(null);编辑:完整
的
代码看起来像这样.我正在
浏览 2
提问于2020-05-29
得票数 3
回答已采纳
2
回答
溢出时
的
React
- catch轮子
事件
:隐藏元素?
如果
React
组件
中
的
元素有overflow:隐藏,我如何捕捉滚动/
滚轮
事件
?<Component onWheel={this.handleWheel.bind(this)}/>
浏览 12
提问于2016-08-18
得票数 1
2
回答
我可以使用
useRef
钩子而不是onChange
事件
来更新状态吗?
、
、
、
在寻找避免在输入字段每次更改后呈现
组件
的
方法时,我遇到了一个建议,即使用
useRef
而不是onChange
事件
进行状态更新。在简单
的
组件
中,这似乎是可以
的
,但由于我是初学者,我不知道这在更复杂
的
应用程序中是一个很好
的
方法。壳牌,我继续这种方式,还是我应该坚持onChange
事件
?为了解决这个难题,我进行了大量
的
探索,但没有找到明确
的
答案。这方面的任何建议都将受到更多
的</e
浏览 4
提问于2021-02-11
得票数 1
回答已采纳
1
回答
带有依赖数组
的
useEffect由于array.map而多次触发
、
我正在创建一个简单
的
React
应用程序,其中父
组件
根据输入范围
滑块
(使用array.map)呈现许多子
组件
。我在一个带有子
组件
中
的
依赖数组
的
useEffect中执行某些操作(特别是,我正在使用
react
三光纤获得3D模型
的
边界框大小)。尽管我有依赖数组,但我可以从控制台日志中看到,每次移动
滑块
时,useEffect都会执行。 如何确保此useEffect只执行一次?我正在考虑将模型
的</em
浏览 3
提问于2022-07-10
得票数 0
回答已采纳
2
回答
react
:手动触发输入
组件
合成更改
事件
我正在尝试使用
react
@17构建一个输入
组件
,其中包含一个清晰
的
按钮 const inputRef =
useRef
(); <div> ref={inputRef}
浏览 2
提问于2020-12-05
得票数 2
1
回答
我想访问dom,即使是在带有
React
slick (
useRef
)
的
模式下。
、
、
、
目前,我正在使用
react
slick来实现它。我想用
useref
(ref.cuurent)访问
滑块
域,但是一旦模型打开,它就变成null了。你可以通过滑动它来访问它。export const index:
React
.FC = () => { } console.l
浏览 7
提问于2021-12-24
得票数 1
1
回答
子
组件
中
的
ref.current更改不会触发useEffect
我已经创建了一个弹出窗口,用户可以使用它向应用程序添加内容,每个字段都是一个单独
的
组件
,因为我需要在不同
的
配置中在多个地方重用它们。我尝试创建一个innerRef,当更改(即输入新值)时,如果所有值都有效,则应触发
组件
的
useEffect以显示或隐藏Done按钮。=
useRef
({}); const allValues,每当它<e
浏览 288
提问于2021-01-29
得票数 1
回答已采纳
2
回答
如何在
组件
外调用已有的onclick函数?
、
、
、
、
我在我
的
Navbar.js
组件
中有一个菜单栏
的
onclick函数,我想在我
的
App.js中调用它,这样当我切换菜单栏时,我就可以将我网站中
的
一些特定页面向右移动。这是我
的
App.js,在div中className为mainpage
的
路径是我在切换菜单栏时想要移动
的
路径/页面 function App() { return ( <AuthProvider,它包含侧边栏和导航栏,还包含im尝试在App.js中调用
浏览 29
提问于2021-10-22
得票数 0
回答已采纳
2
回答
防止在异步
事件
处理程序期间更新卸载
的
组件
我有一个删除
组件
的
异步
事件
处理程序,但是这个
组件
使用状态来监视
事件
处理程序
的
执行状态。
事件
处理程序是从远程数据库中删除项
的
模拟。问题是,在成功删除
组件
时,
组件
被卸载,因此最后
的
状态更新(指示已完成删除)触发错误“无法对已卸载
的
组件
执行响应状态更新”。供参
浏览 1
提问于2020-11-12
得票数 0
回答已采纳
1
回答
如何在
React
功能
组件
中使用Splide同步方法
、
、
我需要
的
是一个缩略图
滑块
控制显示
滑块
。在Splide文档(https://splidejs.com/integration-
react
-splide/)中,他们使用在基于类
的
组件
中调用
的
同步方法来做到这一点: this.primaryRef=
React
.createRef(); }
浏览 58
提问于2021-03-29
得票数 0
点击加载更多
热门
标签
更多标签
云服务器
ICP备案
云直播
腾讯会议
实时音视频
活动推荐
运营活动
广告
关闭
领券