使用 rxjs 的 'fromEvent' 方法获取对 React 中元素的引用

Posted 2023-04-14

【中文标题】使用 rxjs 的 \'fromEvent\' 方法获取对 React 中元素的引用

【英文标题】：Get a reference to an element in React for using 'fromEvent' method of rxjs使用 rxjs 的 'fromEvent' 方法获取对 React 中元素的引用

【发布时间】：2021-09-19 07:27:07

【问题描述】：

在使用 rxjs 的 React project 中，我需要获取对 html 元素的引用。我正在使用React.createRef:

const buttonWait = React.createRef();

<button ref=buttonWait> Wait </button>

但是 current: null 被打印到控制台。如何获取要添加到fromEvent 并订阅的元素的链接？

【参考方案1】：

根据 refs 上的React's documentation，React.createRef() 不能用于功能组件：

你不能在函数组件上使用 ref 属性，因为它们没有实例。

考虑using useRef() instead：

import  useRef  from "react";

const buttonWait = useRef(null);

<button ref=buttonWait> Wait </button>