"refs" 在 Preact 中是如何处理的？

Question

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

我希望能够在 Component 方法中引用元素而无需 DOM 查找。

谢谢！

Answer 1

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

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

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

Answer 2

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

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

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