どのように私は（HTMLへのインポート/エクスポートなし）コンポーネントを追加することができますが私は（HTMLへのインポート/エクスポートなし）コンポーネントを追加することができますどのように変数グローバル

を反応させるのがどのように私は（HTMLへのインポート/エクスポートなし）コンポーネントを追加することができますが私は（HTMLへのインポート/エクスポートなし）コンポーネントを追加することができますどのように変数グローバル

/変数グローバル

例に反応します/ HTML

<body> 
    <div id="App"></div> 

     <script src="https://unpkg.com/[email protected]/dist/react.js"></script> 
     <script src="https://unpkg.com/[email protected]/dist/react-dom.js"></script> 
     <script src="https://unpkg.com/[email protected]/browser.min.js"></scrip 
     <script> 
     var App, Search 
     </script> 

     <script type="text/babel" src="component/App.js"></script> 
     <script type="text/babel" src="component/Search.js"></script> 
    </body>

//App.js

var App = React.createClass({ 
    render: function() { 

     var styles = { 
      margin: '0 auto', 
      border: '1 px solid red', 
      width: '50%' 
     }; 

     return (
      <div style={styles}> 
       <h1>sdadasssd!</h1> 
       <p>fgfgfgfggf</p> 
      </div> 
     ); 
    } 
});

//Search.js私は（HTMLへのインポート/エクスポートなし）コンポーネントを追加するにはどうすればよい

var Search = React.createClass({ 
    render: function() { 
    var styles = {fontSize: '1.5em', width: '90%', maxWidth: '350px'}; 
    return <input 
      type="text" 
      placeholder="gfgff" 
      style={styles} 
      /> 
    } 
});

はによって追加した場合は、HTML、使用にレンダリング意味変数グローバル

出典

2017-10-24 Mario

私は – Mario

誰かが私を助けて？ – Mario

に反応：

ReactDOM.render(
    <App />, 
    document.getElementById('App') 
);

デモ：

var App = React.createClass({ 
 
    render: function() { 
 

 
     var styles = { 
 
      margin: '0 auto', 
 
      border: '1 px solid red', 
 
      width: '50%' 
 
     }; 
 

 
     return (
 
      <div style={styles}> 
 
       <h1>sdadasssd!</h1> 
 
       <p>fgfgfgfggf</p> 
 
      </div> 
 
     ); 
 
    } 
 
}); 
 

 
ReactDOM.render(
 
    <App />, 
 
    document.getElementById('App') 
 
);

<div id="App"></div> 
 

 
<script src="https://unpkg.com/[email protected]/dist/react.js"></script> 
 
<script src="https://unpkg.com/[email protected]/dist/react-dom.js"></script> 
 
<script src="https://unpkg.com/[email protected]/browser.min.js"> 
 
<script> 
 
    var App, Search 
 
</script> 
 

 
<script type="text/babel" src="component/App.js"></script>

出典

2017-10-24 21:02:27

私は使用する必要があります – Mario

デモはありません。しかし、私はあなたがそれに非常に付いているように私はそれを追加しました:) –

どのように私は（HTMLへのインポート/エクスポートなし）コンポーネントを追加することができますが私は（HTMLへのインポート/エクスポートなし）コンポーネントを追加することができますどのように変数グローバル

答えて

関連する問題