React ルートの静的フォルダーのレンダリング

Question

私のフォルダーには従来の静的コード (HTML、CSS、jQuery、JS など) がいくつかあります。次に、これらを反応アプリの特定のルートでレンダリングする必要があります。ポリシー上の理由により、iFrame を使用できません。次の 2 つの理由から、React で書き直したくないです。

これは従来のコードを含む 1 つのページです。努力する価値はありません
この静的フォルダーは他の場所でも使用されます

つまり、React で書き直すと、最終的に 2 つのバージョンが作成されます。1 つはページの React バージョンで、もう 1 つはページの非 React バージョンです。変更したい場合は 2 回更新する必要があります。

私の選択肢は何ですか? iFrame を使用せずに、React アプリのフォルダー内の静的ファイルをレンダリングする最も簡単で混乱の少ない方法は何ですか?

Answer 1

静的ファイルを public ディレクトリに追加し、フォルダー コピーを使用して必要なパスをコピーして、これらのファイルを静的に提供できます。ルートが /display の場合、display というフォルダーを追加できます。ファイルの名前が contact.html であるとすると、ファイルは /display/contact.html に配置されます。

react経由でファイルにリンク

リーリー