我应该将StencilJS与ReactJS一起使用吗?



这些是我遇到的问题:

  1. 集成:我尝试按照Stencil官方网站上的说法集成Stencil和React。事实证明,在将 Stencil 组件添加到我的应用程序之前,我必须构建我的 Stencil 组件,我需要将其复制到node_modules否则它会在 Polyfills 文件中引发一些错误。
  2. 我无法将函数或对象作为道具从我的 React 应用程序传递到 Stencil 组件
  3. 它没有任何关于设置模板反应的示例

有人可以帮我吗?

就个人而言,我使用自己的 github 实例,将带有 dist 和 loader 文件夹的整个 Web 组件项目上传到 github。之后,您可以使用此命令将项目加载到 React 应用程序的 npm 模块中。它的工作方式有点像 github 存储库中的npm install

git+https://my-github-instance/web-components/my-components.git

如果您在运行时遇到问题,这里有一些详细信息。

如何直接从 GitHub 安装 npm 包?

然后你可以只 npm 更新/npm 安装来在你的 React 应用程序中获取最新版本的 Web 组件。

Stencil 的文档非常详细地介绍了如何在 React 中使用 Web 组件:

https://stenciljs.com/docs/react

祝你好运

开箱即用的 React 在与自定义元素(如 Stencil 组件(集成时存在问题 - 您可以在 https://custom-elements-everywhere.com/中看到更多详细信息以及一些解决方法。

为了帮助这种集成,可以使用 React 的绑定层扩展 Stencil 组件,该绑定层将自定义元素转换为可消费的 React 组件。详情请看这里:https://github.com/ionic-team/stencil-ds-plugins#react

最新更新