Rendern statischer Ordner für React-Routen

Question

Ich habe alten statischen Code (HTML, CSS, jQuery, JS usw.) in meinem Ordner. Jetzt muss ich diese auf einer bestimmten Route in meiner Reaktions-App rendern. Aus politischen Gründen kann ich iFrame nicht verwenden. Ich möchte es aus zwei Gründen nicht in React umschreiben:

• Dies ist eine einzelne Seite, die Legacy-Code enthält. Der Aufwand lohnt sich nicht
• Dieser statische Ordner wird auch an anderen Orten verwendet

Wenn ich es also in React umschreibe, erhalte ich am Ende zwei Versionen: eine ist die React-Version der Seite und die andere ist die Nicht-React-Version der Seite. Wenn ich etwas ändern möchte, muss ich zweimal aktualisieren.

Was sind meine Möglichkeiten? Was ist die einfachste und weniger verwirrende Möglichkeit, statische Dateien in einem Ordner in meiner React-App zu rendern, ohne iFrames zu verwenden?

Answer 1

您可以在 public 目录中添加静态文件，并使用文件夹复制所需的路径，然后静态提供这些文件。如果路由是 /display，您可以添加一个名为 display 的文件夹。假设您的文件名为 contact.html，那么您的文件将位于 /display/contact.html 下。

通过react链接到文件

// ...
return (
  <a 
    href="/display/contact.html" 
    // if you want to open it in a new tab
    target="_blank" 
  />
);