custom-element - 我可以通过自定义元素使用 Preact 组件吗？

我想创建一个 Preact 组件并让人们使用它，即使他们没有构建 Preact 应用程序。

示例:我想在 Preact 中构建一个 <MyTooltip> 组件，将其捆绑(与 Preact 运行时一起)，并让人们将其作为脚本标签加载，纯粹以声明方式使用它，例如:

<script src="https://unpkg.com/my-tooltip/my-tooltip-bundled.js">

<my-tooltip content="Tooltip content">Hover here</my-tooltip>

有没有办法捆绑一个组件，使其包含 Preact 运行时、我的库代码和 <my-tooltip> 元素的钩子(Hook)？

换句话说，我可以 将我的 Preact 组件互操作为自定义元素 ，类似于 ReactiveElements 吗？

最佳答案

有一个很棒的库可以为您执行此操作，称为 preact-custom-element:

https://github.com/bspaulding/preact-custom-element

class SearchBox extends Component {
  render() {
    // ...
  }
}
registerComponent(SearchBox, 'search-box');

关于custom-element - 我可以通过自定义元素使用 Preact 组件吗？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/42328198/