ReactJS JavaScriptでWebコンポーネントを使用する

Question

ReactでJSXを使用してWebComponentを使用するための多くのドキュメントがあります。まあまあまあまあです...

JavaScriptでReactJSを使ってWebコンポーネントを使用する方法はありますか？

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

ここで、「MyWebComponent」は、私が扱いたいコンポーネントです。

Answer 1

あなたがここに

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

を反応させると、Webコンポーネントを使用することができるはずin the official react site述べたように、同じ例である純粋なJSでJavaScript react.createElementで

render: function render() { 
    return React.createElement(
    "div", 
    null, 
    React.createElement(
     MyWebComponent, 
     null, 
     "hello" 
    ) 
); 
} 

Answer 2

は、としての要素やcomponantを取ります第1引数、第2引数としてのスタイル、第3引数としての子要素。

  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);} 
}