React.jsで構築されたサイトにhtmlページを統合するには

Question

私はまだReact.jsを学んでいます。最近React.jsを使ってサイトを構築しました。デモページ（純粋なhtmlとjavascript）を反応サイトに追加しようとしていました。デモページは、index.html、bundle.js、cssスタイルシートで構成されています。私は反応サイトのルートにデモフォルダを作成し、デモファイルをそのフォルダの中に入れました。私の質問は、http://reactsite/demo/にアクセスしてデモページにアクセスする方法です。 反応ルータを使用し、デモページを反応コンポーネントにラップする必要がありますか？ ありがとうございます！純粋なHTMLをレンダリングするために

Answer 1

はイエス、あなたがそのURLでコンポーネントをレンダリングするために、ルータを反応させ、その後、実際のhtmlとしてHTMLファイルを読み込み、ファイル

で文字をエスケープしないようにdangerouslySetInnerHTMLを使用使用する必要があります反応しますあなたのルートは、あなたのコンポーネントがこの

const htmlFile = require('../some/path/to/html/file'); 

class TemplateHTMLComponent extends React.Component { 
    render() { 
     return <div dangerouslySetInnerHTML={{ __html: htmlFile}}; 
    } 
} 

ようなものになるだろう。この

<Route path="demo" component={TemplateHTMLComponent} /> 

ようなものになるだろう