我一直在使用 React,并希望在 React 中使用 Polymer 标签。 React 无法识别 Polymer 标签,因为 React 仅处理基本 DOM 标签。有没有办法将 Polymer 标签添加到 React DOM 库?
对的,这是可能的。
-
创建聚合物元件。
<link rel="import" href="../../bower_components/polymer/polymer.html">
Polymer({
is: 'calender-element',
ready: function(){
this.textContent = "I am a calender";
}
});
-
通过在 html 页面中导入聚合物组件,使其成为 html 标签。例如。将其导入到 React 应用程序的 index.html 中。
<link rel="import" href="./src/polymer-components/calender-element.html">
-
在 jsx 文件中使用该元素。
'use strict';
import React from 'react';
class MyComponent extends React.Component{
render(){
return (
<calender-element></calender-element>
);
}
}
export default MyComponent;
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)