分離賢明

Question

私は2つのJSXファイル 1を持っている）Main.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> 
     ); 
    } 
}); 

私はparentComponentにを呼び出すことができません。 注：ウェブパックや他のバンドルの設定は使用しません。 もscriptタグを使いたくありません。

また、私のメインのファイルが複数のfiles.like SearchExample.jsxに依存し、ParentComponent.jsxなど

ここSearchExample.jsxもあるかもしれ静的な値/設定/プロパティが含まれているいくつかの他のファイルに依存します。

他のライブラリがなくても、requireとimportを使用することはできません。

ありがとうございました

Answer 1

あなたが望むものは不可能です。あなたがインポートしたり、すべて同じファイルに入れないなら。多分あなたが何をしたいかを説明してください