问题标签 [create-ref]

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 投票
0 回答
12 浏览

reactjs - React createRef 不适用于 Redux。childRef.current 总是返回 null

经过大量的谷歌搜索,我找不到解决方案。我需要从父组件调用一个子函数。两者都是类组件。

一些代码

渲染子组件

我要调用的函数AbilityButton.js

导出父组件

}, null, {forwardRef: true})(战斗);

我尝试了有无{forwardRef: true},尝试了另一种渲染子组件的方法:

我尝试了很多组合,经过大量的反复试验和谷歌搜索,我决定寻求帮助。

this.childRef.current总是返回null。有什么建议吗?我厌倦了尝试

0 投票
1 回答
29 浏览

reactjs - 不能使用 react ref 来动态设置距离

github:https ://github.com/Brent-W-Anderson/shoe_store/tree/main

嗨,我需要帮助正确使用我的反应参考。我正在创建一个图像滑块,并根据图像宽度(基于所有图像共享的高度——这意味着图像之间的宽度不同)将集合中的第一个图像居中。

当我的组件安装时,参考宽度是未定义的(我假设是因为它还没有安装?但我无法弄清楚)。我知道这应该可以工作,因为我在同一个 componentDidMount 函数中设置了一个“resize”事件,并且一旦我去调整窗口大小(或经过一段时间后),那么每个图像的宽度就会完全按照它应该显示是。

在初始页面加载时:

调整窗口大小后:

src > components > shoes > shoe.tsx (魔法发生的地方) 在此处输入图像描述

0 投票
1 回答
28 浏览

javascript - 如何用类组件重写 useRef?

我需要以 JSON 格式获取集成信息,并且需要帮助将 useRef(功能组件)转换为 createRef(类组件)。功能组件:

我试图制作一个 Class 组件:

但它会引发有关函数 getIntegrations() 的错误。我猜是因为我没有在类组件中添加“createTTNCClient”。这是功能组件的外观:

但我不知道如何在类组件中添加“ createTTNCClient()”到“ ”。createRef