reactjs - 如何在 react 组件中使用 polymer 组件?是否可以?

标签 reactjs polymer

我已经使用谷歌的 polymer 来制作网络组件,但我也很有兴趣尝试一下 React。所以我想知道是否可以从 react 组件的渲染函数内部使用 polymer 组件?

最佳答案

是的,这是可能的! 我使用的方法有点复杂,但我很乐意分享。

如果您已经使用过 polymer ,则只需像使用任何其他 polymer 元素一样直接使用该 polymer 即可。 你所要做的就是将此react文件夹转换为js。 您可以按照本教程将 jsx 转换为 js。并使用任何 polymer 元件都没有问题。

https://www.youtube.com/watch?v=4WUATF3hGUQ

这不是我的教程,而是我在 youtube 上看到的内容。 本教程的所有学分均归于codingwithjesse

根据 WiredPraire 的要求,我想向您展示一个示例

这是我的index.html: enter image description here

这是poly-react.html polymer 元素: enter image description here

这是我的polyreact.jsx,里面也有 polymer 元素

enter image description here

上面的 jsx 内部的 polymer 开始进行这种转换,可以使用教程来完成:

enter image description here

索引文件也必须这样更改:

enter image description here

希望这有帮助!!!!!!!!!

关于reactjs - 如何在 react 组件中使用 polymer 组件?是否可以?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30594809/

相关文章:

javascript - 没有值的 LitElement 渲染模板

javascript - 我如何在 NodeJS 中解决 "TypeError: Converting circular structure to JSON"

javascript - 我的 &lt;script&gt; 应该在我的 <dom-module> 内吗?

polymer - prototype.registerCallback 不是 Polymer 中的函数

javascript - <FormControl/> 不接受变体 Prop

polymer 1.0 :Nested dom-repeat templates cannot show the content of a child object

javascript - 如何自定义 vaadin-upload polymer 组件的结果?

javascript - React 解析意外的 token

javascript - React.JS 将一个 HTML 文件插入另一个 HTML 文件。

reactjs - React.js css box-shadow 不起作用