私は、次のように私のHTMLファイルに私のreactjsコンポーネントを定義している

Question

HTMLファイル内の1つの.jsファイルに定義されてReactJSコンポーネントを使用する方法：今

<script type="text/babel"> 
var WorkHistory = React.createClass({ 
...... 
}); 
        ReactDOM.render(
         <WorkHistory 
         />, 
         document.getElementById('work_history') 
        ); 
</script> 

、私は簡単に自分のHTMLページにこれを使用することができます。

WORKHISTORY.jsファイル：

var WorkHistory = React.createClass({ 
    ...... 
    }); 

WORKHISTORY.htmlファイル：

<script type="text/babel"> 
         ReactDOM.render(
          <WorkHistory 
          />, 
          document.getElementById('work_history') 
         ); 
</script> 

どのように私はこれを達成することができます。しかし、私はこのような全体の全体のコードを記述する必要があります??

Answer 1

あなたの質問を正しく理解していれば、別の.jsファイルにコンポーネントを書き込んで、ReactDOM.renderを使用する<script>タグでそれらのコンポーネントにアクセスできますか？その場合は

は、単にあなたのファイルのパスに設定src -attributeと<script> - タグを含める前にレンダリングタグ、私の例のように：私が得るその場合

<script src="./path/to/workhistory.js"></script> 
<script type="text/babel"> 
    ReactDOM.render(
    <WorkHistory />, 
    document.getElementById('work_history') 
); 
</script>