Preact 中如何处理“refs”？

Posted 2023-02-16

【中文标题】Preact 中如何处理“refs”？

【英文标题】：How are "refs" handled in Preact?

【发布时间】：2018-02-25 02:16:00

【问题描述】：

React 有refs 的概念。 Preact中有没有类似的概念可以不用preact-compat？

我希望能够在不查找 DOM 的情况下引用 Component 方法中的元素。

谢谢！

【参考方案1】：

您将传递一个函数，而不是传递一个字符串。例如，您将使用ref 渲染一个组件，如下所示。

<Slideshow ref=slideshow => this.slideshow = slideshow />

这意味着您现在可以使用this.slideshow 访问它。

【讨论】：

这也是它现在在 React 中的工作方式 - 字符串引用已被弃用。

【参考方案2】：

截至 2016 年 2 月，核心 Preact 包支持回调引用，因此您应该能够按照您链接的文档进行操作。

核心库明确不支持的一件事是string refs。它们在 React 中已经被弃用了一段时间，并且很可能会被移除，所以 Preact 并没有从一开始就实现它们。如果你需要字符串引用（你可能不需要，除非你使用的是旧的第三方库），preact-compat 支持它们。

有关详细信息，请参阅issue #50 on Preact's GitHub。