分离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文件模块的明智

回答

相关问题