使用 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 并订阅的元素的链接？

【问题讨论】：

标签： reactjs react-ref

【解决方案1】：

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

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

考虑using useRef() instead：

import { useRef } from "react";

const buttonWait = useRef(null);

<button ref={buttonWait}> Wait </button>

【讨论】：