分離JSX文件模塊的明智

我有2個JSX文件 1）Main.jsx分離JSX文件模塊的明智

 ReactDOM.render(
    <SearchExample items={libraries} />, 
    document.getElementById('container') 
); 

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

2）ParentComponent.jsx

var ChildComponent = React.createClass({ 
    render: function() { 
     return (
      <div> 
       <div className="prompt">Add a click handler to this button so that when clicked, performMagic is called in the parent component.</div> 
       <button onClick={this.props.onMagicClick}>Do Magic</button> 
      </div> 
     ); 
    } 
}); 

var ParentComponent = React.createClass({ 
    performMagic: function() { 
     alert('TAADAH!'); 
    }, 

    render: function() { 
     return (
      <div> 
       <ChildComponent onMagicClick={this.performMagic} /> 
      </div> 
     ); 
    } 
});

我在這裏無法調用爲父級。注意：我不想使用網絡包或其他包配置。也不想使用腳本標記。

而且，我的主文件取決於多種files.like SearchExample.jsx，ParentComponent.jsx等

這裏可能是SearchExample.jsx也取決於它包含靜態值/配置/性能其他一些文件。

我無法使用require並導入沒有任何其他庫。

謝謝

來源

2017-04-06 Chirag Patel

如果你不想使用捆綁器，並且你不想使用腳本標籤，你希望如何將代碼存入你的頁面？ –

你想要它是不可能的。如果你不導入或放在同一個文件中。也許可以解釋一下你想要做什麼

來源

2017-04-06 21:07:31

分離JSX文件模塊的明智

回答

相關問題