Memaparkan folder statik untuk laluan React

Question

Saya mempunyai beberapa kod statik lama (HTML, CSS, jQuery, JS, dll.) dalam folder saya. Sekarang saya perlu memberikannya pada laluan tertentu dalam apl reaksi saya. Atas sebab tertentu, saya tidak boleh menggunakan iFrame. Saya tidak mahu menulis semula dalam React atas dua sebab:

• Ini adalah halaman tunggal yang mengandungi kod warisan. Tidak berbaloi dengan usaha
• Folder statik ini juga digunakan di tempat lain

Jadi, jika saya menulis semula dalam React, saya akan mendapat dua versi: satu ialah versi React halaman dan satu lagi versi bukan React halaman. Jika saya ingin menukar maka saya perlu mengemas kini dua kali.

Apakah pilihan saya? Apakah cara yang paling mudah dan kurang mengelirukan untuk memaparkan fail statik dalam folder dalam apl React saya tanpa menggunakan iFrames?

Answer 1

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

Pautan ke fail melalui react

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