私は既存のアプリケーションで作業しています。私はReact Jsでいくつかの意見を書いた。今私はjQueryの負荷を使用して、他のページでこれらのビューをロードしたいと思います。それは可能ですか？jQuery ajaxを使用してReactJを他のページに読み込む方法
[leave.htmlに反応コードが含まれているとします。今は、jquery loadを使用して、index.html内にleave.htmlをロードします。 index.htmlには反応コードはありません。どのようにこれを行うには]
実際にロードを使用することができますかどうかわかりません反応コンポーネント。代わりにjqueryの代わりに使用することができますdivとid = "leave"あなたのindex.htmlと追加あなたは、コンポーネントの反応のようなJSXファイル内の構成要素を反応させるなどとしてleave.htmlからコードが行くことができ、WebPACKのコンパイラはindex.htmlをにそれを解析するの世話をしてみましょう：あなたのためのapp.jsを作成
import React from 'react';
class Leave extends React.Component {
constructor(props){
super(props);//if you have properties
this.state = {};
this.myFunc= this.myFunc.bind(this); // bind your methods like this.
}
myFunc(){
}
render(){
return (
<div>
<!-- Html content to be added over here. -->
{this.myFunc()}
</div>
);
}
}
export default Leave;
上記のエクスポートされたモジュールをindex.htmlに追加してください。
反応し、あなたのアプリケーションで再利用可能なコンポーネントを持つことができるようになりますコンパイルする<html>
<body>
<div id="app"></div>
<script src = "/build/index.js"></script>
<!--index.js is build by webpack-->
</body>
</html>
使用のWebPACK：0
import React from 'react';
import ReactDOM from 'react-dom';
import Leave from './jsx/Leave.jsx'; //import your module from jsx path.
ReactDOM.render(<Leave/>, document.getElementById('leave')); //append the compile data to index.html.
index.htmlには次のようになります。
ありがとうございました