ReactJS在JavaScript中使用webcomponent

我可以在React中找到很多使用JSX的WebComponent的文档。好吧，这很直截了当

但是如何将JavaScript中的webcomponent与ReactJS一起使用呢

render: function(){
  React.DOM.div {}, 
    MyWebComponent {}, "hello"

其中“MyWebComponent”是我想要使用的组件。

如上所述，您应该能够将web组件与react一起使用

render: function(){
  return <div><MyWebComponent>hello</MyWebComponent></div>;
}

如上所述，您应该能够将web组件与react一起使用

render: function(){
  return <div><MyWebComponent>hello</MyWebComponent></div>;
}

---

在JavaScript中，react.createElement将元素或组件作为第一个参数，将样式作为第二个参数，将子元素作为第三个参数

            import customComponent from 'my-custom-component';
            var child = React.createElement(customComponent, null, 'Text Content');
            var Element = React.createElement('div', { className: 'my-class' }, child);


            render: function(){ 
                {Element}
            }

或者你可以这样做

...
 import customComponent from 'my-custom-component';
...

render: function(){ 
       {React.createElement('div', { className: 'my-class' },customComponent );}
}

---

在JavaScript中，react.createElement将元素或组件作为第一个参数，将样式作为第二个参数，将子元素作为第三个参数

            import customComponent from 'my-custom-component';
            var child = React.createElement(customComponent, null, 'Text Content');
            var Element = React.createElement('div', { className: 'my-class' }, child);


            render: function(){ 
                {Element}
            }

或者你可以这样做

...
 import customComponent from 'my-custom-component';
...

render: function(){ 
       {React.createElement('div', { className: 'my-class' },customComponent );}
}

---

我不明白你想要完成什么…我不明白你想要完成什么…这是JSX。正如我提到的，我使用的是纯JavaScript，不能在我的Environment上使用JSX。React.createElement是一种方法，这就是JSX。正如我所提到的，我使用的是纯JavaScript，不能在我的环境中使用JSX。React.createElement是一种方法，然后是，但假设我有

。现在什么是网络组件？这不起作用：@Kursion您发布的fiddle不是javascript，它只是一个很大的语法错误。当你说

webcomponent

时，你指的是你制作的React组件，还是一个HTML5工作草案自定义元素，带有阴影DOM和所有伴随它的铃铛和哨子？当我说

webcomponent

时，我指的是任何有效的子元素。它可以是可以呈现的任何有效元素。可以呈现的任何有效元素

var child=React.createElement（CustomComponent，null，null）@AKADER是的，我支持你。我的问题是针对OP的。我说的是HTML5组件。我通过混合使用
React.createElement
和
document.createElement
找到了如何实现这一点。非常感谢您抽出时间！你帮了我很多忙：）是的，但是让我说我有
。现在什么是网络组件？这不起作用：@Kursion您发布的fiddle不是javascript，它只是一个很大的语法错误。当你说
webcomponent
时，你指的是你制作的React组件，还是一个HTML5工作草案自定义元素，带有阴影DOM和所有伴随它的铃铛和哨子？当我说
webcomponent
时，我指的是任何有效的子元素。它可以是可以呈现的任何有效元素。可以呈现的任何有效元素
var child=React.createElement（CustomComponent，null，null）@AKADER是的，我支持你。我的问题是针对OP的。我说的是HTML5组件。我通过混合使用
React.createElement
和
document.createElement
找到了如何实现这一点。非常感谢您抽出时间！你帮了很多忙：）